AJAX :: Ordering Tabs In A Tab Container?
Jun 4, 2010I need to change the order of some tabs in a tab control, how can achieve this?
View 4 RepliesI 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'm trying to get a page working using a tab container and multiple tabs. So, I created a new blank page and pointed it to my master page. The master page has two content panels within it.
I'm adding the tab container in the top conent holder, but when I go to view the page, I get an error. Below is the error followed by the code.
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
Description:
An unhandled exception occurred during the execution of the current web request. review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.Web.HttpException: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
Source Error:
[Code]....
Stack Trace:
[Code]....
Version Information: Microsoft .NET Framework Version:2.0.50727.3607; ASP.NET Version:2.0.50727.3082
[Code]...
I have a page with 4 fixed Tabs. Tabs 1 and 2 are always in position 1 and 2. However, the users are allowed to create their own tabs and add their own html content. I do this by creating a new tab in codebehind and inserting it into the tabcontainer AFTER the frist 2 and before the last 2 tabs. There could be several of these. EX: "F1 | F2 | U1 | U2 | U3 | F3 | F4" where F is a fixed tab and U is a custom tab.
As long as ALL tabs are visible then everything works fine after postbacks.
Based on user settings I sometimes hide fixed tab 1. Everything loads fine the first time. However, on postback The content on fixed tab 4 (always the last tab) is displayed on the bottom of EVERY tab (fixed or custom). It is still displayed in fixed tab 4.
A little background on the code:
Since the tabs are added dynamically they do not exist on postback and must be re-generated every time. This is done in Page_LoadComplete. I have tried it on PageLoad and it behaves the same way.
If I do not re-generate the pages on post back then the problem goes away - as do the custom tabs.
The only thing I could find was from last year, and was supposedly fixed (http://www.codeplex.com/AjaxControlToolkit/WorkItem/View.aspx?WorkItemId=16321
I'm running into a weird issue.. Basically, a user logs into a page and based on his role status(admin or user) determines how many tabs he sees in a tabcontainer. If he is just a "user" then tab index 0 and 1 need to be hidden because they contain admin only functionality.
if(user)
{
Container.Tabs[0].visible = false;
Container.Tabs[1].visible = false;
}
However the problem is if I set more than 1 tab index to visible = false the entire container disappears. Could this be a bug? I know you can only have one tab visible at a time.
I have a tab container in aspx page and i want to enable disable the last tab in aspx page my tab container is like below
[Code]....
Now for disabling the last tab i used the following in code behind page load:
//tabAdvanceSettings.Enabled = false;
I also want to enable this tab panel on client side when a user uses a shotrcut like Ctrl + Shif + A as shown below but this shortcut only enables the tab not the two user controls ptresent in the last tab. The code for enabling the last tab is :
if (e.keyCode == 65 && isCtrl == true && isShift == true) // Ctrl + Shift + A
{
$find('<%=tabContainer.ClientID%>').get_tabs()[2].set_enabled(true);
}
How can i enable the last tab and also the controls present in the last tab?
I 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 sqldatabase tables.I am reading table data and putting in a tabconatiner(wth tabs containing textbox, checkbox etc) specific to a client. If a client has more than one row i want to iterate through the rows and read each row data. Basically I want to use a button-click to read the next row data at put it in the tabs and so on. I used sqldatareader and a while loop.I can read the data but while loop iterates through the rows and show the last row data / i want to use a button to go to the next row and show data.
SqlDatareader reader=null;
reader=cmd.ExecuteReader();
while(reader.Read())
{
txtboxName.Text=reader["Name"].ToString();
}
protected button_Click(Object sender,EventsArgs e)
{
//I want to read row data in this button click
}
This was programmer error - a problem with my SQL. I am populating a slideshow extender control successfully from a list of images maintain din a MySQL database. I have created a "back" button that executes the following javascript:
[Code]....
This correctly goes back to my web service method that fetches rows from my database. I issue an "order by" in the SQL to sort the rows returned in descending tiome order and have verified that they populate the slide array in that order. However, when the page renders, the slideshow appears to play them in almost a random order. Is there any trick to getting images in a slideshow array to play in a particular order?
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 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 am trying to use tab control with Ajax toolkit. I want to use my master page which is plain page and I want to show the tab function of gridview. I want to give the tab control only the gridview page partically on master page. If it is possible, I am going to put other gridview at this page. That means tab control ONLY gridview. Is it possible?
[Code]....
I want to create ajax tab and also I want to keep tabs in session.
View 2 RepliesI'm trying to figure out a way to tie the AJAX animation framework to the AJAX Tabs container. For example, one thing I want to do is use the fade animation when selecting a different tab. I've yet to find a way to have individual control of the tabs other than the content and CSS. Does anyone know where I can do some research into this, and what I should be looking into to learn how to do this
View 2 RepliesI have a tab container on a web page, in which several panels are loaded with heavy peice of data, what i do, i only load the defualt tab data on page load, and the rest of data(i.e data in other tabs) loads behind the screen(i.e using asynchronous request), just to speed up page rendering. now when the page completely rendered(with only default tab data) the load event of javascript fires and it start populating data into other tabs, in this situation when i click any other tab immediately after rendering, it shows the half rendered panel(i.e the data is rendering in panel or the back process is running), which looks awkward sometimes.
So i need to stop the click of any tab until the data into that panel(or in all the panels) fully rendered, by displaying a wait or progress bar image, and then opens up that panel. i need whenever user click on a tab, a wait image should display on the tab header until the panel fully rendered, and then panel will opens up, none of the panel displays half or no data.
I'm new to ASP.NET, and I'm self-taught. I suspect that's the cause of my problem, but here goes. I'm using .NET 3.5 and have installed the toolkit. I want to add a Tab Container to an AJAX Webform. When I drag the control from the toolbox to the Webform, nothing happens. I saw that someone was having this problem with extenders, but I don't believe the Tab Container is an extender. If I'm wrong, let me know, but shouldn't I be able to place the tab container directly on the webform?
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 have an ajax tab container in an aspx page. Earlier I had 2 tab panels in the tab cotnainer. Now I want to add third tab panel. I could add the third panel but I am able to access the third panel, i.e. When I click on third panel, the panel is not shown(I didnt even get the handy cursor when i place the cursor on the third tab panel name).
View 1 RepliesI have two tab panel for a tab container. And I have some button that perform some function in tab 1. But when I click any button in tab 1. After finished the function, it will automatically change to tab 2. What's wrong with my code? My code is as follows:
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPage.master" CodeFile="Testing.aspx.cs" Inherits="Testing" %>
<asp:content ID="content" ContentPlaceHolderID="MainContent" runat="server">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [URL]
<html>
<head >
<title></title>
</head>
<body>
<form id="form1" >
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<ajaxToolkit:TabPanel runat="server" HeaderText="Search by Date" ID="TabPanel1">
<ContentTemplate>
<div>
<asp:Panel ID="Panel1" runat="server" Height="171px">
<asp:GridView ID="grdHeading" runat="server" AutoGenerateColumns="False"
onselectedindexchanged="grdHeading_SelectedIndexChanged">
<Columns>
<asp:BoundField DataField="courseID" HeaderText="Course ID"
SortExpression="courseID" />
<asp:BoundField DataField="courseName" HeaderText="Course Name" ReadOnly="True"
SortExpression="courseName" />
<asp:CommandField ButtonType="Button" ShowSelectButton="True" />
</Columns>
</asp:GridView>
<br />
<br />
</asp:Panel>
</div>
<br />
<br />
<br />
<br />.........................
I am using the ajax control toolkit - Tabcontainer. I wonder how to refresh the latest data inside the tab. For example, I have two tab. The first tab is a add form. After I add the form, I prompt out a successful message. Then I click on the second tab which is my gridview listing of the inserted record. But when I click on the second tab, it seem not binding the gridview to show the most latest record I have inserted.
View 2 RepliesWhat am I missing here; this should be straight forward, but when I attempt to access the "get_activeTabIndex()" method on my Tab Container's ID, I get the following error:
"Object doesn't support this property or method"
This is using VS.NET 2010 with the AJAX Control Toolkit built for Framework 4, but I don't think anything was deprecated so this should not be an issue. I extract the ID of the control using serverside script variables, then attempt to access the method, but it fails. Take a look:
[Code]....
Value 'tabCtrl' does indeed have value, as I can see it registers as an object (not NULL or Nothing) and ClientID resolves to the following:
ctl00$ContentPlaceHolderMyApp$AJAXTabContainerNumData
I have a Tab Container in my page and it has 6 tab inside,when i try to add 7th tab and add inside that a TextBox It Shows me nothing.,
I can't see my textbox inside 7th panel .All i see is its header.It sounds weird to me.why is that?!!!!
P.S: i have no problem with other tabs!!!!!
in my application i have tab container with several tabs, inside everyone of them
i have textboxes, dropdowllists etc. i want to get those values filled by the user,
how can i do this, the intelisense don't recognize them.
have a tabcontainer, where I put a radio button list having two button. If i select the second radio button then some fieds will not display.Now the problem is I gave the size to the first panel 300px, and I placed all the buttons at the below. Now whenever the fields are not displaying, then a vacant plce is created. If now I change the tab panel height then the buttons are cut away.So can I dynamically incresed the size of the panel?
View 3 Replies