AJAX :: TabContainer Hiding On Postback
Sep 18, 2010
I have a asp.net page that contains a Ajax TabContainer control with three tabs, this is all dynamically created and added using the code-behind file. Inside each tab I have one or more gridview controls that can cause a postback for various reasons.
When a gridview control causes a postback, the entire tabcontainer gets hidden on the page and therefore nothing is displayed. In the HTML source code I can see that the controls have been added to the page, but the tabcontainer has a style added to it (style="visibility: hidden"]. If I remove this style using the developer tools, the tabcontainer displays and all tabs, but some of the styling gets lost. Is there a specific reason why this occurs and how I can resolve this?
View 4 Replies
Similar Messages:
Jan 15, 2010
I'm firing the my ModalPopupExtender from a server side button click (bthAuth) and then need to hide that button after my processing is complete. When btnAuth.Visible = False is called it displays the ModalPopupExtender. If I remove this piece of code the window goes away like it should.
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnAuth" BackgroundCssClass="modalBackground" PopupControlID="ModalPanel"> </cc1:ModalPopupExtender>
btnAuth_Click():
bunch of stuff here()
btnAuth.Visible = False -- This is what is causing the ModalPopupExtender to stay displayed.
On Page Load:
btnAuth.OnClientClick = String.Format("fnClickUpdate('{0}','{1}')", btnAuth.UniqueID, "")
Function:
<script type="text/javascript">
function fnClickUpdate(sender, e)
{
__doPostBack(sender,e);
}
</script>
View 4 Replies
Nov 30, 2010
I am using this jQuery context popup menu extension:http://www.trendskitchens.co.nz/jquery/contextmenu/
This context menu is bound against an ASP.NET treeview adding a context menu to all items.All contained within an update panel.In order to select the item when right clicking, I am using JQuery to parse the postback from HREF that would normally fire when the tree item is being clicked, and using eval() against this HREF.This results in a post-back to IIS. Immediately after is my JQuery code for displaying the context menu.The context menu appears briefly however goes as soon as IIS returns the updated page data.Just after some general advice on how people think is best to approach this. I can avoid this by making users LEFT click the tree node prior to right clicking it, but that just seems unintuitive.
View 1 Replies
Feb 22, 2011
My setup is as follows: I have 4 tabs of data, all of which are invisible when the page loads. The user enters some search criteria, hits the search button, and then the first tab fills up a gridview with data and becomes visible. One of the columns in this grid is a linkbutton named 'detail'. When they click on 'detail', the 3 remaining tabs go and get their data from the database and become visible. On tab#2, I have a listview which allows editing/adding of data. Here is my problem: When I click the imagebutton on the listview that puts the listview into edit mode, the data from the first tab is now shown on the second tab.
So the correct tab (tab#2) remains selected, but the other tab's data is being displayed. Has anyone else run across this? I have tried numerous combinations of update panels and triggers but I always get the same results. Also, the last 3 tabs each contain a usercontrol. I don't know if that has anything to do with it.
View 6 Replies
Dec 2, 2010
When I want to optimize my tab container for network traffic, I faced a rare problem.
When first time the page is requested the content in the first panel is visible. the other panel content are invisible. When user switches the tab i am setting the panel visible and update the updatepanel. this works fine after i have put the tab container inside a update panel and set the update mode conditional and children as trigger as false. But when i include the tab container inside an update panel and change the tab in the browser, i see two postback from the browser in firebug net traffic window. THe first postback status is displayed as aborted. Eventhough the functionality is working correct.
View 1 Replies
Dec 14, 2010
When I browse to my page that has the modal popup panel on it, the panel initially is visable, and when I do a postback it acts as intended. let me know if you need the master page....
[Code]....
[Code]....
View 2 Replies
Dec 17, 2010
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
View 1 Replies
Sep 23, 2010
This probably has been asked many times before but I was wondering how to maintain the ActiveTabIndex of an AjaxControlToolKit TabContainer. The only way I can think of achieving such a thing is to store the ActiveTabIndex in the session and checking for this on postback. Are there any other solutions to solve this problem?
View 2 Replies
Mar 26, 2010
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?
View 3 Replies
Apr 2, 2010
I want to load a popup when a user clicks a button. The buttons are images located inside a tabpanel. The first time the page is loaded the helpEvents DOES display the popup and the 'click' popup. Then I navigate to Tabpanel tab2, and the helpTickets button doesnt work (doesnt even display the 'click' popup) Then I navigate back to Tabpanel tpEventDetails, and the helpEvents button doesnt work anymore either(and also doesnt even display the 'click' popup anymore) So I think something gets lost in the updatepanel on callback...but what? and how to fix it?
default.aspx
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<cc1:TabContainer OnActiveTabChanged="TabChanged" ID="tabContainer" runat="server" ActiveTabIndex="0" OnClientActiveTabChanged="ActiveTabChanged" Width="100%">
<cc1:TabPanel ID="tpEventDetails" runat="server" HeaderText="Details">
<ContentTemplate>
<img src="images/help.png" id="helpEvents" alt="help" />
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="tab2" runat="server" HeaderText="More">
<ContentTemplate>
<img src="/images/help.png" id="helpTickets" alt="help" />
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</ContentTemplate>
</asp:UpdatePanel>
script.js
//CONTROLLING EVENTS IN jQuery
$(document).ready(function() {
//LOADING POPUP
//Click the button event!
$("#helpEvents").click(function() {
alert('click');
centerPopup('Contact');
loadPopup('Contact');
});
$("#helpTickets").click(function() {
alert('click');
centerPopup('Tickets');
loadPopup('Tickets');
});
});
View 8 Replies
Apr 15, 2010
How can I use postbackurl with a formview in master detail after I insert an item in the formview which is at the bottom of a big page? The master detail is inside a tab container
View 1 Replies
Mar 25, 2010
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
View 1 Replies
Jul 22, 2010
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.
View 7 Replies
Dec 3, 2010
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 Replies
Dec 13, 2010
[Code]....
Clicking hi2 link open pnl2. In panel pnl2, clicking the Open button will open another modalPopup, i.e. pnl3.The issue is when pnl3 shown as modal, pnl2 is still clickable and the modalBackground class does not apply on pnl2. how to disable pnl2 without hiding it
View 6 Replies
May 23, 2012
i have a calendar extender in my page. it works fine unless i add a maskedEditExtender as well. Then, when the page start or is post back, the calendar starts off as being visible. is there anyway to hide or disable this control when the page starts, until the user clicks the appropriate text box? the code i have is as follows:
Code:
<asp:TextBox ID="TextBox2" runat="server" Width="130px"
MaxLength="1" style="text-align:justify" ValidationGroup="MKE" />
<div id="error2" style="color:red"></div>
<ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender2" runat="server"
TargetControlID="TextBox2"
Mask="99/99/9999"
MaskType="Date"
[code]...
which seems to be the problem. this cause the focus to go to the calendar control and sets the date, which shows the extender. i've tried to set focus to other controls but nothing seems to work.
View 1 Replies
Mar 29, 2010
I 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 Replies
Feb 5, 2010
how to get vertical tab using tabcontainer in ajax controls.
View 2 Replies
Sep 20, 2010
Having 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>
View 1 Replies
Aug 19, 2010
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#..
View 2 Replies
May 14, 2010
[Code]....
</cc1:TabContainer>
View 3 Replies
Feb 17, 2011
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 ?
View 1 Replies
Feb 10, 2014
How to implement Table and Forms inside AJAX TabContainer in ASP.Net ...
View 1 Replies
Nov 21, 2010
I 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.
View 3 Replies
Jul 30, 2010
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]....
View 3 Replies
