First time ever I am using a ajax tapcontainer control. To learn some info I went to look for the video hosted by asp.net about how to use tab control.
The one I am using it seems different. I am using AjaxToolkit 3.5 in VS 2008.
So is there any place I can learn about tabContainer for 3.5.
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
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.
i am developing an appilication using ASP.NET with C#. in my application i have used Tabcontainer control.
for that i have to remove the border.
so i had applied the style to the TabContainer control as
<style type="text/css">
.CustomTabStyle .ajax__tab_body{border:0;}</style><cc1:TabContainer ID="ItemTabContainer" runat="server" ActiveTabIndex="0" CssClass="ajax__tab_inner"></cc1:TabContainer>
but when i use this, the border for header of the TabContainer also removed.as per my requirement i have to remove only the left,right and down border of the control and header will remain the same.
I am using TabContainer in my aspx page ,i am using 5 tabs and i want to put the cursor in every first textbox when i change tabs .
View 7 RepliesI used the following code to add TabContainer to page
<asp:TabContainer ID="TabContainer1" runat="server">
<asp:TabPanel runat="server" HeaderText="tab one" ID="TabPanel0">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="tab two" ID="TabPanel1">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
[code].....
but when the page is rendered TabPanel is always Hidden,I wateched the html code by Firebug and found visibility is hidden... what is the problem? http://i.imgur.com/m1eSW.jpg
I am using Tabcontainer of AJAX Control Toolkit . The problem is that, i have 10 tabpanels. I want to show this tabs in two lines, first 5 in one line, second 5 tabs in another line.
View 2 RepliesI'm working on a web where i have a Tabcontainer in which I only use two tabs, and what i do there is that I added a control to show virtual keyboard (VK) for use with tablet PC or mouse, it will appear when a textbox is onFocus.
The problem is that when I add the control VK inside a Tabpanel, run the page, and when I focus the textbox inside the Tabpanel, it doesn't appear the VK, but i try using outside the tabpanel and it work. I also added an updatepanel inside the Tabpanel, and moved the textbox and VK control there, but is the same, it doesn't appear the VK.
i will show my web code and a link to the VK control web, cause I think it have to be a way to call the keyboard in client-side mode, but i tryed all i know and nope, isn't showing the VK.
[Code]....
The web VK control: [URL]
Dynamically add Tab Pages to tab control in Web form using asp.net and c# ...
View 1 RepliesI have an ajax tabcontainer on a master page that has a user control inside one of its tabs.The user control is just a gridview that gets a list populated from a DB table.The strange thing is that the gridview is displaying in VS, but when I build the site the tab is empty; no error message just nothing.Below is the code for the tab in my master page:
<ajaxToolkit:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
[code]...
Tabs.Tabs.Item(1).Font.Italic = True
Tabs.Tabs.Item(1).BackColor = Drawing.Color.Red
i have the above code for changing the background color of a tab of tabcontainerbut the color doesnot change
am trying put values using javascript function but for some reason that is not working and the values are lost :(what i am trying do?, from the tabchanged event I ask if the user want return to the last loaded tab and go to the functionNavigateToLastLoadedTab
[Code]....
after to run this method i don't know how the browser is cleaning the values from the control :(.
var tabs = $find('<%=Tabs.ClientID%>');
How to create a Tabpanel (AJAX) add in code behind using vb.net ...
View 1 RepliesI am using Tabcontainer of AJAX Control Toolkit . The problem is that, i have 15 tabpanels. this tabs in three lines, first 5 in one line, second 5 tabs in second line,third 5 tabs in third line.
If I click first / six/fifteen'th tab means it shows the relevant tabpanel with data correctly.
Each tabs have three buttons like Save, Edit and Cancel
All three line's tabpanels works properly in Chrome and Firefox.
But in IE,
First line tabpanel's button work properly...
second and third line tabpanel's buttons is not work properly,
if I click the second and third line tabpanel's buttons means.. It didn't go to page load..
How can I do that??
i want to focus my cursor on the starting position but it can't be possible in ajax how it can be done in ajax control.
View 1 RepliesI have a codebehind.vb for a master page from which I'm trying to find a hiddenfield in the content page. I was finding it like this without a hitch...
[Code]....
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
m kinda new in asp.net ,i'm try to do a web form with 3 tabs but i want that the tabs will start from the right end of the screen and not from the left?is there a way to do it?i searched the properties list for such a thing , and i didn't fine it.
View 1 RepliesI created dynamic the tabpanel of tabcontainer, and the tabpanels change depended on the item which chooses from dropdownlist but the problem is tabcontainer keeping the last tabpanel and create another tabpanel and I couldn't remove them how I can rebulid the tabconatiner each postback
View 2 Replieshow to get vertical tab using tabcontainer in ajax controls.
View 2 RepliesHaving a strange issue with the TabContainer in the AJAX Toolkit. We have several views into a customer record system that we have built as ASP.net controls. These controls use UpdatePanels to load data asynchronously. We use jQuery and jquery.ui to place these controls in separate tabs on a single page. Which all works swimmingly. Lately, I've gotten a little tired of the jQuery tab hackish approach and decided to port everything to use the TabContainer. I want to be able to control the tabs as objects.
At first glance, everything works perfectly. I just slapped the controls into tabs in a TabContainer and everything looked great. However, for some reason, databound controls are losing their data. For instance, grid views vanish when I switch pages. A drop down control with an OnTextChanged event, loses its databound list of values upon post back. Something about the TabContainer -> Custom Control -> UpdatePanel -> Control that uses data binding heirarchy is throwing it out of whack and the debugger isn't shedding any light. It seems like control state isn't being stored. I don't really know enough about control state to know what to look for. Here is the markup for the TabContainer:
<asp:TabContainer ID="tcBanner" runat="server" ActiveTabIndex="0" Width="100%"
EnableViewState="False" ScrollBars="Vertical">
<asp:TabPanel runat="server" HeaderText="Comments" ID="tbComments">
<ContentTemplate>
<luBannerControl:Comments ID="commentsTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="General" ID="tbContact">
<ContentTemplate>
<luBannerControl:Contact ID="contactTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
Here is the markup for one of the controls:
<asp:UpdatePanel ID="pnlComments" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:GridView ID="CommentsGridView" AllowPaging="true" PageSize="20" DataSourceID="BannerSqlDataSource" runat="server" AutoGenerateColumns="False" GridLines="None" CssClass="CommentGrid" HeaderStyle-CssClass="CommentGridHeader" RowStyle-CssClass="CommentRowsEven" AlternatingRowStyle-CssClass="CommentRowsOdd">
<Columns>
<asp:BoundField DataField="SPRCMNT_TEXT" HeaderText="Comment" SortExpression="SPRCMNT_TEXT" />
<asp:BoundField DataField="SPRCMNT_DATE" HeaderText="Created" SortExpression="SPRCMNT_DATE" DataFormatString="{0:M/dd/yyyy}" />
<asp:BoundField DataField="SPRCMNT_CMTT_CODE" HeaderText="Type" SortExpression="SPRCMNT_CMTT_CODE" />
<asp:BoundField DataField="SPRCMNT_CTYP_CODE" HeaderText="Source" SortExpression="SPRCMNT_CTYP_CODE" />
<asp:BoundField DataField="sprcmnt_user_id" HeaderText="User" SortExpression="sprcmnt_user_id" />
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtSearch" EventName="TextChanged" />
<asp:AsyncPostBackTrigger ControlID="btnClearFilter" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
I want to add a close button on each tab,just like the firefox.
It seams that Ajax Control Toolkit doesn't provide any method to close the tab.
I have try to use the .Remove() function,but it doesn't delete the tab...it just make it invisible and work correctly only once....
Could any give the code in C#..
[Code]....
</cc1:TabContainer>
I am making a TabContainer with several TabPanel. In one the TabPanel I have a video player. When I start the video and switch to an another TabPanel, the video stops.
How can I do to make the video continue to play when I switch to an another TabPanel ?
How to implement Table and Forms inside AJAX TabContainer in ASP.Net ...
View 1 Replies