Does Ajax Tab support using sub tabs (or children tabs)?I have a project where I need to show several tabs like "Sales" "Production" "Revenue" and when I click on for example "Sales" I would like to see a new tab tab with "Currentales", "History", "Comparison" etc etc. and be able to click each one of these for further processing.
View 3 RepliesI have been adding different JQuery Carousels to AJAX Tabbed Panels - the first one displayed on the page always works. But any other tabs dont work when I select the tab. I have about a dozen different carousels.
Can anyone recommend one that works in AJAX Tabs or how I can go about rectifying this?
I have created an asp.net applications in which i am using jquery tabs to show say profile modifications information. I want user to see his profile info as well as he will be able to edit his details and save the information. for this purpose i have created an aspx page "MyProfile.aspx" and 3 ascx pages
say "page1", "page2" and "page3".
When i run "MyProfile.aspx" i can see all 3 tabs showing correct information. But problem is when i edit contents and try to save them back to the database. Contents on page1 are stored correctly. But page2 and page3 doest not fire any event. In all 3 pages I am using ajax n jquery to save data to database. and when i try to save contents of page2 and page3 nothing occurs.I am showing 3 tabs there of which first tab edits save the details but second and third tabs do not fire any event on button click.
I would like to create two tabs called Info and place. However when the mouse is over the info tab, all the sub-tabs associated with it will show-up and in this case, the sub-tab will be report_1 and report_2 and also when the mouse is over the place tab, all the sub-tabs associated with place will show up and in this case, the sub-tab will be place_report_1 and place_report_2. how do I go about doing this?
View 5 RepliesAt page load I made several tabs Enable = false.
If a button is clicked I want to set Enable = true.
The problem is that this doesn't work, they stay not touchable. How come?
RelatieTabContainer.TabIndex = 2;
RelatieTabContainer.TabIndex = 0;
[Code]....
I have dynamic ajax tabs that I want to load different usercontrols in each AjaxTabs.when Tab1 is created usercontrol1 loads in it.when Tab2 is created usercontrol2 loads in Tab2,but the problem is usercontrol1 does not remain in Tab1 when Tab2 is created and tab1 became empty.& When Tab3 is created, usercontrol2 does not remain in Tab2.I want to keep my usercontrols in my tabs,whenever I create a new Tab.
I need to change the order of some tabs in a tab control, how can achieve this?
View 4 RepliesI have a web page with two tabs, "Release Inventory" and "Recreate Pull Sheet". I am using a tab container and tab panels. It looks fine in the design view but as soon as I view it in a brower the tabs don't show up. All I see is the Header text for the tabs. It looks like this:
"Release InventoryRecreate Pull Sheet"
You can click "Release Inventory" or "Recreate Pull Shee" and you will see the information in the tabs, but the actual tab appearance is not showing up.
Here is my code:
[Code]....
I have a Collapsiblepanelextender and a TabContainer with two tabs. the code works fine in FF and Chrome but fails in IE8. I am using VS2008 .Net 3.5 and the latest AjaxToolkit.
I am trying to control the collapsible behavior through tab clicking using javascript. here is the code to replicate my problem.
The aspx.cs code:
[Code]....
I am using Ajaxtoolkit in my application. I am declaring the tabcontainer and tab panels on the serverside. I just have my Updatepanel on the Client-Side. I was wondering how to assign css to the tabs like onhover or click would change its background color and highlight the tab up.
Secondly, since I am dynamically creating these tabs, how would I put a close for each of the tabs?
how to add close to all the tabs in a tabcontainer.The scenario is, I have only TabContainer on aspx and m populating tabs with UserControls programmatically (with use of DOM). How can I develop the close of a tab with small X on each of the tab? I am not sure how many tabs I have.
View 4 Repliesi created 2 user controls and called them in two different tab panels.
each user control has few requiredfield validators.
aspx has one updatepanel and that updatepanel holds tabcontainer.
each tabpanel of above tabcontainer holds one user control and a button, so there are 2 tab panels to hold 2 user controls and 2 buttons.
<up>
<tc>
<tp1>[code].....
suppose i dont enter required fields in uc2 and navigated to tp1 n filled all the required fields of uc1 and clicked on bt1.here bt1 click event is not firing as requiredfield validators of uc2 are not passed.how do i make this work?requiredfield validators shud fire for that respective tab usercontrol only not for all the usercontrols.
There is a way to trigger a specific ajax tab with a button?I have a web user control that has 3 ajax tabs that are displayed as a modalpopup on my pages. I have a couple pages in my project and I want to use the web user control on each page. All I want is to trigger a specific tab (like tab # 2) from a button in my page. Example, I have 2 button in my page saved search and search record; I want to trigger with button search record the tab # 2 of the web user control. Can I use jQuery for this and how?
View 1 RepliesI need to load different aspx when the user clicked on a particular tab in tabcontainer.
View 3 RepliesI have Menu in my page that it works with linqdatasource.it binds through linq and I created this menu using datalist,and I use linkbutton to show MenuItems.I want to show these items in my page through tab.but I need to display each item in different tab.whenever I click on an item new tab create,and when i click an onother item the previous one stayed open and the current one open in new tab.
View 10 RepliesI have even tried to comment out the XML to remove the tab, but it would appear that even tbcContainer.tabs.remove and removeat just dont flippin work, any work around, for once google's not being useful.
View 2 RepliesI'm trying to navigate between tabs using an Image Button On each tab there is a button that navigates the user to te next tab. On the first tab, it works as expect from Tab 1 -> Tab2 But on the seconf tab, I get and error Java script
function MoveTab(tn) {
var container = $find('<%=
TabContainer1.ClientID %>').set_activeTabIndex(tn); ;
}
Button first tab that works ok
<asp:ImageButton
ID="ImageButton8"
runat="server"
OnClientClick="javascript:MoveTab('1')"
ImageUrl="~/Images/saveadd.gif"
/>
Button on second tab that gets error message
<asp:ImageButton
ID="ImageButton1"
runat="server"
OnClientClick="javascript:MoveTab('2')"
ImageUrl="~/Images/savereview.gif"
/>
Error Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.InvalidCastException: Specified cast is not valid. Source Error:
[Code]....
Stack Trace:
[Code]....
I have a two usercontrols sales and salessearch. they are inside two tabs. I want to refresh the contents inside the tabs when i click in the tab headings, which are basicaly <a> tags. Right now when i switch between tabs I have no way of updating them.
How do i make the tabcontents refresh when i click on tab headings.
Following is the code...
I use a javascript function selecttab() to switch between tabs.
[code]....
I am currently working on a website with a Tab Container with roughly 5-10 tabs. I would like to have an Admin tab that is disabled to all users except those who are assigned in an Admin role (I have 2 roles, Admins and Customers). I am fairly new to ASP.NET so please bare with me. I have been crashing through it for about 3 weeks now, trying to help a friend get a site up and running!
View 6 RepliesIn a web page i have 5 tabs from 1 st tab to 2 tab i have to go by a linkbutton click not through header navigation so i created a link button and in the button click event
i have written the code like below
protected void lnkproceceed2tab3_Click(object sender, EventArgs e)
{
TabContainer1.ActiveTab = TabContainer1.Tabs[3];
}
its sitting in same tab i cant go to the next tab by a link button.
assume my page workflow is like below
if i click next button in 1 st tab it will load a pop up, then in that pop up i have two buttons one link button is to proceed to 2 nd tab another is go back to 1 st tab. where i got struck is from the pop if i click to proceed to 2nd tab i cant go to the 2nd tab.
I have an ajax toolkit tabcontainer that used to work ok. It has three tabPanels and I can work correctly with the content inside them.
Now I'm trying to add some new tabPanels but I face a problem.
The first time the page is loaded I see all the new tabs. If I make any postback due to any control interaction, the new panels are still visible, but when I move to another page and go back to the page with the tabContainer, I only see my three original tabs.
I have to close the web server (the one coming with visual studio) to be able to see again all my tab panels
I've added a new tabContainer and is the same. The first time I load the page I see everything, but the following times I only see my original three tabPanels inside my first tabContainer (the new tabContainer is not seen at all).
I've been searching the net for the past 3 days looking for solutions for this... but apparently it is only happening to me... As far as I've seen (even in this video: [URL], TabContainer/TabPanel is pretty much drag & drop. But for some so far unknown reason, I can't click on the tabs to change them, and I can't see the selected tab(there is no difference in the rendering of the tabs to show selected tab).
Is there any javascript function that I have to add to my page by default to make it work?
This is the way the tabContainer is being rendered:
As you can see, even though we know tab 1 is selected, the 3 buttons look the same. And when you try to click "Tab Two" or "Tab Three", it is as if the tabs were read-only...
My code is as follows... The optional properties that I setted, such as Enabled="true" on the tabpanels, are the tries I've done these past 3 days to fix the problem... And I made all TagPrefix="asp" just to make matters simple!
[Code]....
At present I am using ajax:TabContainer for the tabs. As you know that does not do Lazy loading. Can sonone give me links to or some code examples to do Tabs with Lazy loading. I know that the Jquery tabs do lazy loading but there are no complete examples on the web which tells you on how to do lazy loading with JQuery tabs.
View 4 RepliesI am trying to use a button to dynamically create a brand new tab every time i click it and load a control in there. I'm starting on the tab creation so far. I have on my aspx page, an update panel and a tab container control to handle it. The issue I am having is that the button will only create one tab no matter how many times I click
[Code]....
my container is named Tabs.
EDIT:The whole code pasting doesn't work well
I though my error was from grid view but I realized it was from the tab container. So I did a bit more research. I wrote a small project and created a usercontrol with tabs in it and I wrote this there -
view plaincopy to clipboardprint?