AJAX :: How To Modify ".ajax__tab_xp-theme" For "ajaxToolkit:TabContainer"
Oct 13, 2010
This Post comes from:
[URL]
ISSUES:
I'm using ASP:Wizard with two pages and a TabContainer inside each wizard step. I need to change "ajax__tab_body" default background-color:#ffffff to transparent color.
I have the following scenario:
- AJAX copied and added to project from "D:AJAX Control ToolkitAjaxControlToolkit.."
- My stylesheet.css which contain the ".ajax__tab_xp-theme" modified theme as class: ".MyTabStyle" located in "~cssstylesheet.css"
- A copy of AJAX Tab images in "~images ab.gif" "tab-hover.gif", "tab-active.gif" ...
1. What happens between first and second load of wizard cause I can see it takes different syles css?
2. Most important: When I load the wizard the first time everything is OK, if I go to second page of Wizard It comes the rendering issue:
- The right image of each tab "tab-right.gif" appears separated from the tab see here: Why ?
This is the class I modified:
.MyTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(../images/tabs/tab-line.gif) repeat-x bottom;}
.MyTabStyle .ajax__tab_outer {padding-right:4px;background:url(../images/tabs/tab-right.gif) no-repeat right;height:21px;}
.MyTabStyle .ajax__tab_inner {padding-left:3px;background:url(../images/tabs/tab-left.gif) no-repeat;}
.MyTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../images/tabs/tab.gif) repeat-x;}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer {background:url(../images/tabs/tab-hover-right.gif) no-repeat right;}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner {background:url(../images/tabs/tab-hover-left.gif) no-repeat;}
.MyTabStyle .ajax__tab_hover .ajax__tab_tab {background:url(../images/tabs/tab-hover.gif) repeat-x;}
.MyTabStyle .ajax__tab_active .ajax__tab_outer {background:url(../images/tabs/tab-active-right.gif) no-repeat right;}
.MyTabStyle .ajax__tab_active .ajax__tab_inner {background:url(../images/tabs/tab-active-left.gif) no-repeat;}
.MyTabStyle .ajax__tab_active .ajax__tab_tab {background:url(../images/tabs/tab-active.gif) repeat-x;}
.MyTabStyle .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:9pt;border:0px solid #999999;border-top:0;padding:0px;background-color:transparent;}
If I change the line:
.MyTabStyle .ajax__tab_outer {padding-right:0px;background:url(../images/tabs/tab-right.gif) no-repeat right;height:21px;}
It works great for second and further loads but on first load the separated portion of each tab is not rendered.
View 3 Replies
Similar Messages:
Dec 17, 2010
I use a border for the TabContainer body which works fine.
[Code]....
also I use three hidden divs and one visible div inside a main div which works as body of Tabcontainer
View 1 Replies
Nov 22, 2010
We are using Network Solutions, but we are getting some issues with one of our web applications. It's because we're using UpdatePanels and they don't support AJAX.NET. So does anyone have any hosting providers they can recommend that provide .NET 3.5 framework, AJAX.NET, and AJAX Toolkit hosting?
View 7 Replies
Mar 26, 2010
I used the AjaxToolkit AutoComplete today. It works fine. But what I hate is that I have to use the "CompletionSetCount" at 5 or 6 only so it doesn't reach the following textbox on my form.
The problem is that the dropdownlist of the AutoComplexeExtender gets under my textboxes, so it hides some items of the list.
When I try to play with the z-order of the "CompletionListCssClass" or "CompletionListItemCssClass", then the list appearance is all messed up
View 1 Replies
Jan 22, 2011
This is what I see when I click on arrow which is an image in DropArrowImageUrl - UI is weird. Changing image does not help. I am sure that it should be a common problem. Code is very simple:
<asp:Image ID="_targetImage" runat="server" ImageUrl="../Images/Actions.png" />
<ajaxToolkit:DropDownExtender ID="_dropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="_panelItems" DropArrowImageUrl="../Images/DropArrow.png"
TargetControlID="_targetImage">
</ajaxToolkit:DropDownExtender>
View 2 Replies
Aug 10, 2010
how to use AsyncfileUpload Control in asp.net ?
Means how can we upload that file to the server as we are doing in Classic Asp.net File Upload Control ?
Also when we are selecting file from "Select File" Button file are started to upload but where it is uploading selected file ?
View 3 Replies
Jan 27, 2010
how can i add onEndDrag to a ajaxtoolkit dragPanelExtender in asp.net 2008
View 2 Replies
Nov 13, 2010
I am creating a nested accordion in the code behind which is populated from my data table. The requirenment is
1. Main Accordin - create department Panes
2. sub accordin - Each department pane has a accordin in the contnet are.
3. sub accordin panes - people from that department show up as panes in sub accordin.
I was able to impelment this model but the problem is that the sub accordin ( with people) would not slide. First one is opened by default and i see hand on the other header panes but they dont slide (up and down). They do have a content though. P.S - if i implement the same nested according in aspx it works fine. My code
[Code]....
Update - I found that I get "Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element" javascript error when i try to create the nested accordin.
[Code]....
View 1 Replies
Oct 7, 2010
I am using the following code:
<ajaxToolkit:DropDownExtender ID="TextBox1_DropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="panelItems" DropArrowImageUrl="~/Images/DropArrow.png"
DropArrowWidth='26' TargetControlID="Image1">
</ajaxToolkit:DropDownExtender>
However, it does not set the width of DropArrowImage correctly.
I found the following post http://ajaxcontroltoolkit.codeplex.com/workitem/24194 but I am not sure of where to find DropDownBehavior.js to implement proposed solution.
Is it possble somehow to set the widht of DropArrow?
View 2 Replies
Aug 7, 2010
How can I achieve hover effect for the ajaxtoolkit combobox. I just need an outline for the entire combo i.e. outline for combo-textbox and combo-button when hovering over the combobox otherwise it should return to the normal outline color.
I could only get the hovering effect for combo-textbox alone and that too an outline creates at outer of the existing combo-textbox outline.
BTW: how can I attach an image from my desktop?
I tried the CSS style as below
[Code]....
View 3 Replies
Jan 24, 2011
I Have to add the reference at code behind n page load of this
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
View 2 Replies
Oct 11, 2010
I am stuck in the set focus field in field in ajaxtoolkit : Tab at codebehind when button click.
[Code]....
View 5 Replies
Jun 18, 2010
I am having a problem loging in the user from master page
1: Main.master and Main.master.cs has all the code and controls
2:Method Login code in the master page behind:
[Code]....
View 2 Replies
Sep 27, 2010
i put PopUpcontrolExtender in my page to learn more about this toolkit base on the Ajax tutorial but ,when i click on the button, popup modal form popped up and disapear by itself fast, here is my code:
<%
<%
@
Page
Language="VB"
AutoEventWireup="true"
CodeFile="Default.aspx.vb"
Inherits="_Default" %>@
Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="ajaxToolkit" %>
<!
<
<
DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">html
xmlns="http://www.w3.org/1999/xhtml">head
runat="server">
</
<
<title>Untitled
Page</title>head>body>
<form
id="form1"
runat="server">
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
/>
<asp:TextBox
ID="TextBox1"
runat="server"></asp:TextBox><br
/>
<div>
<ajaxToolkit:CalendarExtender
ID="CalendarExtender1"
runat="server"
TargetControlID="TextBox1">
</ajaxToolkit:CalendarExtender>
<br
/>
<asp:TextBox
ID="TextBox2"
runat="server"
TextMode="Password"></asp:TextBox>
<ajaxToolkit:PasswordStrength
ID="PasswordStrength1"
runat="server"
TargetControlID="TextBox2">
</ajaxToolkit:PasswordStrength>
<br
/>
<br
/>
<br
/>
<asp:Button
ID="btnok"
runat="server"
Text="Pop Up Test"
Width="96px"
/>
<br
/>
<asp:Panel
ID="Panel1"
runat="server"
BackColor="#FFFFC0"
Width="184px">
<asp:Label
ID="Label1"
runat="server"
Text="This is Test"
Width="264px"
CssClass="ModalPopup"></asp:Label><br
/>
<asp:Button
ID="btnPopupOk"
runat="server"
Text="Ok"
/></asp:Panel>
<ajaxToolkit:PopupControlExtender
ID="PopupControlExtender1"
PopupControlID="panel1"
OffsetX="500"
OffsetY="100"
runat="server"
TargetControlID="btnok"
>
</ajaxToolkit:PopupControlExtender>
<br
/>
<ajaxToolkit:DropShadowExtender
ID="DropShadowExtender1"
runat="server"
Opacity="75"
TargetControlID="Panel1">
</ajaxToolkit:DropShadowExtender>
</div>
</
</
</form>body>html>
and also i can not put DropShadow="true" in my PopupControlExtender because i will get this Error: "AjaxControlToolkit.PopupControlExtender' does not have a public property named 'DropShadow'"
View 9 Replies
Mar 27, 2010
I want to animating the image as show slide after slide by Slideshowextender , how I can make that
View 2 Replies
Jun 2, 2010
Am looking for control like html editor in windows forms so i want to use ajaxtoolkit.dll for html editor.
Can i create object for toolkit and use htm editor.
for example while we composing mail we have options like bold italic for these options and also i want to change rich text to html code .
View 6 Replies
Sep 1, 2010
how to fill asp:Gridview asynchronously from the SQL database when mouse clicked on AJAXToolkit Calendar(When calendar date changed by client)
View 7 Replies
Nov 19, 2010
When I clicked Header area, Content opened and have "Slide effect". but when I clicked Header's "ImageButton", it do something at codebehidn, Content opened but no "Slide effect". I want slide effect, how to do it,
[aspx]
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<AjaxToolkit:Accordion ID="AccordionMenu" runat="server"
SelectedIndex="0" HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" AutoSize="None"
FadeTransitions="true" Width="200px" SuppressHeaderPostbacks="false">
<Panes>
<AjaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>Pane 1
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item1.
</Content>
</AjaxToolkit:AccordionPane>
<AjaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
<Header>Pane 2
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item2.
</Content>
</AjaxToolkit:AccordionPane>
</Panes>
</AjaxToolkit:Accordion>
<p></p>
<asp:Label ID="Label1" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
[.vb]
Protected Sub ImageButton1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click
Me.Label1.Text = "[Call Header Function 1]"
End Sub
Protected Sub ImageButton2_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton2.Click
Me.Label1.Text = "[Call Header Function 2]"
End Sub
View 3 Replies
Feb 25, 2010
I use ajaxToolkit:ModalPopupExtender to show a modal window panel. The panel among other things contains a "Submit" button. I would like to call a code behind function on Submit. First I tried this:
[Code]....
But btnSubmitOnHold_Click() is never called. Then I replaced OnClick="btnSubmitOnHold_Click" with OnClientClick="SubmitPutOnHold" and added
<script type="text/javascript">
function SubmitPutOnHold()
{
alert('blah');
}
</script>
This alert also never shows up. Finally, I tried
<ajaxToolkit:ModalPopupExtender ID="OnHoldModalPopupExtender" runat="server" TargetControlID="btnPutOnHold" PopupControlID="pnlOnHold" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="btnSubmitOnHold" CancelControlID="btnCancelOnHold"
OnOkScript="SubmitPutOnHold" >
</ajaxToolkit:ModalPopupExtender>
View 2 Replies
Apr 22, 2010
my application is running in visual studio 2005, i used ajax control toolkit for .Net framework 2.0.but now i want to use ajaxcontroltoolkit latest version which is for .net framework 3.5 in my application which is running on .net framework 2.0 and visual studio
2005.how to integrate or use ajaxcontrol toolkit ?because i have some functionality like there is one file upload control and when click button it will take 2 to 3 min for upload so
i need progress bar with loading gif file.because of asynchronous postback fileupload control has not file.so i must assign postback trigger to button if i assign postback trigger to button than loading gif or progress bar not working.so i want to use AsynchFileUpload control of newly release toolkit.
is there any way to do it? or any other way.my client also not want to switch over it's application from 2005 to 2008.My code is below
<asp:UpdateProgress ID="uppr" AssociatedUpdatePanelID="up" runat="server">
<ProgressTemplate>
<div id="IMGDIV1" align="center" valign="middle" runat="server" style="position: relative; display:none; [code]....
View 1 Replies
Sep 20, 2010
i used Ajax Editor in Sevral web pages in som pages the buttons of ForColor and BackColor dont show the Color Palent i dont know if it has any special properties or not.
View 3 Replies
Jan 4, 2010
In my application i use iframe (to be more specific; Greybox tool). Sometimes i had an unkown error when i open page in iframe. Then i applied this fix : [URL] and that unknown error disseppeared. But i have another problem now:( I am using following script to focus to the first textbox whenever my input pages are opened in iframe.
aField = document.getElementById('txt_PID');setTimeout("aField.focus()", 50);
After i applied previous fix, i get this error when i load page in iframe for the first time :
Can't move focus to the control because it is invisible, not enabled, or of type that does not accept focus.
Here, txt_PID doesnt contain any ajaxtoolkit things. (also Enabled= true and Visible=true etc.) . Last thing, my current test page contains just 3 controls: txt_PID just plain Asp.TextBox ajaxHTMLEditor another textboxt with MaskedEditExtender. If i remove HTMLEditor from page; i dont get that error( Can't move focus...) and also i dont get first error which i applied that fix in toolkit.
View 2 Replies
Mar 25, 2010
I am a newbie in web development I came from win form environment. how to set tabcontainer (ASP.Net Ajax Tool) width size according to users desktop screen resolution?
(setup and tools)
visual studio 3.5 sp1
AspNetAjaxLibraryBeta0911
View 1 Replies
Mar 1, 2011
I'm using the ToggleButtonExtender to display different images for CheckedImageUrl and UncheckedImageUrl.
This works fine if I put the images in a folder within my site and set the property e.g.
[code]....
View 1 Replies
Jul 22, 2010
At present we are using <ajax:TabContainer> to load tabs. I have 5 user controls inside <ajax:TabPanel>.
The problem is that all the data on these 5 pages gets loaded at once and increases the loading time as well as it is very hard to debug. Can we do lazy loading uisng TabContainer control? so that only the data of the current tab is loaded and when we click on the other tab then that's control data gets loaded.
View 7 Replies