AJAX :: Can't Select Desired TabPanel In TabContainer On Load
Aug 2, 2010
I am working on an ASP.NET application that has a tab container with 5 tab panels in it. There are 2 'admin' user tabs, 2 'regular' user tabs, and a 'receipt' tab. Now, depending on what kind of user is accessing the page, I am enabling or disabling/hiding 2 of the tabs (regular or admin), but I am always showing the receipt tab. So, in essence, there are only ever 3 tabs visible - either 2 'regular' tabs and a receipt tab, or 2 'admin' tabs and a receipt tab.
Now, when a user logs into the app from the login page, and is directed to the page with the tab container and 5 tab panels on it, I would like to have the receipt tab selected by default, and to have it shown to the user. This tab is the fifth in the container (TabIndex = 4), and so in the OnLoad event for the page, I try setting something like this up
tabContainer.ActiveTabIndex = 4
...but it shows nothing. So I am thinking that maybe, since 2 of the tabs are hidden, I need to set the index to 2 (for the 3rd visible tab, which should be the receipt tab). Well, when I do this, the 3rd tab in the tab panel control at the top is indeed selected - but the actual content in the tab is still the content from the first tab (TabIndex = 0)....? Is there some sort of event I need to call to "flush out" what is being displayed in the actual panel, or am I missing something else?
I have a tabcontainer which has 7 tab panels and on certain conditions i want to make 1 tab either visible false or remove from the TabContainer. Firstly, i had set tab visible false but by doing this my TabContainer1_ActiveTabChanged event fired twice intially when i select the tab panel then it fire and shows my correct ActiveTabIndex number but but at the same moment it fires again with 1 Decrement in ActiveTabIndex number.
I could not understand why it is happening.What thing makes the ActiveTabIndex number decremented by 1. If select Tab 3 then it shows me result of 2 and so on.
Why this event firing twice i set any tab Visible false.
I am trying to use a tabContainer and two tabPanels inside a ItemTemplate of a Formview.
As soon I put them in the ItemTemplate I receive the following error on the formView control in design view:
"There was an error rendering the control. Could not find any resources appropriate for the specifie culture or the neutral culture. Make sure AjaxControlToolKit.Properties.Resources.NET4.Resources was correctly embedded or linked into assembly AjaxControlToolKit at compile time, or that all the satellite assemblies required are loadable and fully signed.
I have a scriptManager tag in the master page and an updatePanel in the content page.
I'm have a project that uses a TabContainer. When I view the TabContainer from my local IIS it displays fine. When I run this from a production environment I'm getting tiny gap & a border line below my TabPanel Header. My browser is IE 8.0
i'm facing an issue in asp.net application (c#). i want get the name of tabpanel.i searched in forum i found that with java scritp function i can resolve this issue but i couldn't.
At first time page load the TabContainer and TabPanel is shown where the default tab index is zero. This panel has some user controls and a "Go" button. The "Go" button loads a GridView is a separate panel. So far things ar good.
Now when I either sort or page throught the GridView, the TabContainer disappears. I read somewhere that the current tab index would be preserved during post back. So how can I preserve the index and make sure the TabContainer and the TabPanel is loaded at postback and still have the information originally entered by users in the controls? Could I use a "Session" variable?
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!
For this web page, The img is now showing up in print preview and is printing. From FireFox, the shrik-to-fit option works great in preview and print out they look perfect. The problem is with IE 8 (havne't tested other version) The image and other stuff comes out fine. The section that consist of panel and the AjaxCtrl:TabContainerer, the Active Tab with its text content are shrunk to like 60% from the right edge of the paper. The fonts are very small and readable. I tried playing with the scale percentage in the print preview of IE but it increase size on all the content and not just the AjaxCtrl:TabContainerer part.
I have a gridview with Action button. When this button is clicked Javascript Confirm Popup will Display, after click on OK the Event have to fire GridviewRowCommand but the strange thing is: when the button is clicked, the rowcommand method is NOT fired! When I place the code on a separate page the event is fired, but when placed inside the tabcontainer for some reason it isnt...
i have a tabcontainer which have 3 tab panels(tbpanel1,tbpanel2,tbpanel3)and i have dropdownlist in each tabpanel to select date(with autopost back=True).so if i select the date from tab panel2 or tabpanel 3 it is automatically going to tabpanel 1.but it should be in the same tabpanel.
I've implemented the Tabs control in AJAX Control Toolkit.In some instances, I want to select a specific tab on page load. Is there a way to do that?For example, I have 4 tabs on my page. If it's the first time a user is logging into the app, I want to automatically select the 3rd tab which contains some intro info about the app. From that point on, the default tab i.e. the first one would do fine.
I have three button on my web page,after clicking each button a popup is opened. Now i want open this popups just below the button and also stop the scrolling of popup with parent page.
i give one example: i just want to create a functionality just like [Edit Tags] below in this forums that is when i clicked on [Edit Tags]one popup is appear at desired location how could i opened my modelpopup just like [Edit Tags] click.
I'm developing a web page with tabcontainer. I want to hide one tabpanel on the client side. So I don't want to se "TabContainer1.Tabs(0).Visible = False" as I want it to be a client side event. I tried following code in js
" var objTab = $find('<%=TabContainer1.ClientID%>'); objTab.get_tabs()[0]._hide(); //objTab.get_tabs()[0]._show(); "
However, it doesn't work for the first time loading the page. I guess it only works when an ajax postback happens. Is there any way to hide this when I first load the page, and then if I click on button "show", it will show up without any ajax postback (backend coding)?
I have an Accordion within a Tab container and it works until I set the Accordion AutoSize to Fill or Limit, then my Accordion disappears. I get the same result with IE7, FireFox 2.0.0.8 and Opera 9.24. Is it possible, or at least supposed to be possible to do this?
For a website I was asked to put a bunch of information inside a few different categories. The tabpanel seemed fitting for this, and the person I made it for approved of the simple and elegant sollution.
However, he now has a somewhat tricky request: he wants it so that when people print (javascript::print()), they would be able to see all the information entered in the different tabs. Normally I would solve a thing like this with a different print rules inside my css file. However, in this case, the javascript attached to the tabcontainer/tabpanels puts the visibility:hidden on the elements themselves, meaning whatever I may write inside the css would be ignored either way.
Is there any simple way of making it so that these tabs will be shown when printing? Preferably a sollution that doesn't require me to rewrite most of the tabcontainer/panel code or making my own control from scratch. I would think that this "should" be achievable through javascript, but I thought I'd check here for ideas before rushing into things.
I have two pages with TabControls and the tabcontrols have several tabpanels. On one page there are some popupcontrol extenders on the first tab, and that page works fine. On the second page, the popupcontrolextenders are on the second tab. When that page loads, I get the following jscript error:
Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element
I've tried setting the Enabled property to false for these popupcontrolextenders until that tab becomes visible. This prevents the error on page load, but but then the same error happens as soon as that tab becomes visible.
Is it possible to use a popupcontrolextender on a tabpanel, or should I give up and try something different?
I need to set the focus to a control present in a tabpanel within a tabcontainer . The focus needs to be set based on the input validation of the controls, i.e if any input validation fails then we need to set activetabindex of the container to panel where the control resides and set the the focus to control. Can we set activetabindex for the tabcontainer by finding the control and also setfocus to the control .If any viable solution is there