AJAX :: TabContainer Controls Are Not Displayed?
May 8, 2010When adding a new control to a panel of TabContainer, makes other controls disappear.
be some bug in the design view of Visual Studio 2005.
I utilzando ajax version v1.0.61025
When adding a new control to a panel of TabContainer, makes other controls disappear.
be some bug in the design view of Visual Studio 2005.
I utilzando ajax version v1.0.61025
Is it possible to display a tabcontainer's tabpanels on two or more rows instead of just one? I have a problem that my tabcontainer's tabpanels push over the edge of the page.
View 2 RepliesI 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
I've created my first Tab control (yay me!), and everything has gone really well up until I tried to incorporate a UpdateProgress control into it. Basically, my container contains three tabs, each with a seperate report. Each report takes 5-10 seconds to load, so I thought it would be nice to flash up a "Loading Wait" logo to let them know it's being processed. Everything is compiling cleanly; however, when I click on a tab nothing happens. The reports loads as they always have, but the UpdateProgress control never kicks in with it's loading message.
I've been researching for the past day to the point that my brain now hurts. Different things that I have/am trying:
My entire tabcontainer is in an UpdatePanel. I have previously also tried putting the individual tab panels in seperate UpdatePanels, but this did nothing.I've tried both directly referencing my UpdatePanel and using no references in the UpdateProgress control. Neither changed anything.I've created a button to create an UpdatePanel postback. I've moved the button all over the place, inside the panel, outside the panel but referencing it via trigger.
I've tried using the asynchronous triggers in various ways. I created a very simple web application with just an UpdatePanel, UpdateProgress control, and button (but no tabcontainer) -- and this worked fine. I just wanted to verify I didn't have some other root issue with my setup that could be causing an issue.
[Code]....
I have a page that has a TabContainer to present and edit various pieces of information. On one of the tabs, there is a ListView control that allows in-place editing. The ListView works great when it is not contained in the tab. When it is in the tab, the Edit button works, but once it is in edit mode, none of the buttons will fire (update or cancel). Does anyone know of a conflict between the TabContainer and the ListView controls? I am thinking that I might try out jQuery UI to see if the tabs work any better.
View 1 RepliesI am using a gridview in my asp.net web form.i have an Ajax Tab container with 4 tabs in each tab i have a Gridview and Each gridview have a Button to Add New Row to gridview. I need to write a function or method to add new Row in gridview.
I don't want to write code for each griview add new row button.i need to write a Common function to Add new rows and call the function while Button click.
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%>');
What is the best way to reference controls from the clientside from within a TabPanel? I've tried using jQuery and javascript both has failed me. I've tired using the find method, but still no luck... SchoolSectionID refers to a div element within one of my TabPanel controls.
for (var a = 1; a < 4; a++) {
var SelectControlID = "";
var HiddenControlID = "";
[code]...
I'm using nested datalists as per my requirement, in my second datalist i need to show data in tab panels. For that i placed ajax tabcontainer in my second datalist <Item Template> tags.when i'm trying to access tabcontainer activeindex changed event on my code behind, i'm getting an error . Below is my code..
[Code]....
I wrote a page using a tabcontainer to display different functionality. On the main page I have a modal popup used for login. In ie8 everything works fine, but in IE7 the modal popup is hidden behind the tabcontainer and the controls on the tab stay active.
View 2 Repliesi have to use multiple grids in a ajax tabcontainer inside an update panel
View 1 RepliesI 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
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 made a usercontrol consisting of an AJAX tab control, a textbox, and a gridview. The gridview is pulling data from a SQL database. When the gridview is outside of the tab control and I begin to enter text into the textbox, quicksearch begins to filter the information in the gridview. When i put the gridview and textbox inside an AJAX tab control quicksearch does not work. How do i need to structure the textbox and the gridview on an ajax update panel to get it to work?
View 1 RepliesI am using TabContainer with some controls on each tab (asp: labels, text boxes). When redirecting to the page that contains the TabContainer, the tabs and their content loads as expected, but when there is a postback, and the page refreshes, the TabContainer UI changes - the font size of the labels gets bigger, the text boxes become bigger and their location changes a bit (not aligned as before), and the tab header is partially hidden. I am using IE7.
I dont know if this is relevant but in some of the text boxes i use edit mask extender as well for date. Also, I have used a table inside the TabContainer for layouting the controls.
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 RepliesI am having a problem floating div's inside the AJAX TabContainer. The content I place inside the TabPanel is jumping outside the border. Here is the code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="EquipmentDetails.aspx.cs" Inherits="DocumentSandbox.Web.WebForm4" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
<asp:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
<ContentTemplate>
<div>
<div>
<div><div>ID:</div><div>
<asp:TextBox ID="txtID" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Phone Number:</div><div>
<asp:TextBox ID="txtPhoneNumber" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Address:</div><div>
<asp:TextBox ID="txtAddress" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
</div>
<div>
<div><div>Last Name:</div><div>
<asp:TextBox ID="txtLastName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>First Name:</div><div>
<asp:TextBox ID="txtFirstName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Middle Name:</div><div>
<asp:TextBox ID="txtMiddleName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
</div>
</div>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
</asp:TabPanel>
</asp:TabContainer>
</asp:Content>
Here is the css for this code segment:
.searchcriteria
{
}
.searchresults
{
clear: both;
}
.criteriacolumn
{
float:left;
width:500px;
}
.criteriarow
{
width:498px;
height:24px;
padding-bottom:2px;
}
.criteriatextbox
{
padding-top: 3px;
float:left;
width:285px;
}
.criterialabel
{
width:200px;
padding-right: 6px;
text-align:right;
float:left;
}
I found a possible solution here: [URL], but I'm hoping for another option before I give up on having a border.
I have seen posts discussing this error however, no post has identified a solution to address the issue I am having, so here it goes.
I am using Micosoft Visual Studio 2008
.NET Framework 3.5 SP1
AjaxControlTookkit 3.5.40412.0
Step 1: I create a new, ASP.NET Web Application.
Step 2: Add a 'New Item' from the templates called 'AJAX Web Form'.
Step 3: In Source view go to the Toolbox and drug a 'TabContainer' directly below the ScriptManager tag.
Step 4: Switch to Design view and click 'Add New Tab' on the TabContainer control.
Step 5: Switch back to Source view and add a ContentTemplate open and close tag within the TabPanel tags.
Step 6: Between the open and close ContenTemplate tages add something. I added the following 2 letters, Hi.
Step 7: Set the page we have been working on to your startup page and run it.
Step 8: You will get the following exception every time. Sys.ArgumentUndefinedException: Value cannot be undefined. Parameter name: type
I have tried about 15 different ways to create the most simple use of this control and it fails every time in IE7 and FireFox.
The code.
[Code]....