how to set a TabContainer to hidden/visible. I have tried placing it in a div and in a panel, but when I hide these (style="visibility: hidden;"), the Tabcontainer stays visible! Setting the style of the TabContainer itself doesn't work.
View 3 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 used the following code to add TabContainer to page
<asp:TabContainer ID="TabContainer1" runat="server">
<asp:TabPanel runat="server" HeaderText="tab one" ID="TabPanel0">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="tab two" ID="TabPanel1">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
[code].....
but when the page is rendered TabPanel is always Hidden,I wateched the html code by Firebug and found visibility is hidden... what is the problem? http://i.imgur.com/m1eSW.jpg
I upgraded today to AjaxToolkit version 3.5.40412.2 and as soon as I did my TabContainers stopped displaying ina browser. They look fine in design view and I do not get any errors.Has anyone seen this or know if there is a post already addressing this?
View 2 RepliesI have put a TabContainer inside an UpdatePanel. The TabContainer's TabPanels get populated with the content dynamically. Whenever the browser is refreshed (F5), the TabContainer does not display I get a javascript error
Message: 'undefined' is null or not an object
This only happens in Internet Explorer. If I put the cursor in the address bar and press the 'Enter' key, the TabContainer shows up again and the javascript error goes away.
A live sample can be see at [URL] on any of my product pages.
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 am using MonoDevelop on MacOS and I am having difficulty getting AjaxControlToolkit's TabContainer visible on Google Chrome. I even set the visible property to true for both the TabContainer and TabPanels but it still did not work. Here is the source HTML:
<ajaxToolkit:ToolkitScriptManager id="tsm1" runat="server" />
<div style="position:absolute;top:0px;left:0px;">
<img src="" /> [code]....
Using a GridView, I have it so that when the "select" link for the row is clicked, the item (in this case "category") is put into a text box to be renamed or edited in some way.
However, in order to save it, I need the ID of the selected row. I can get the ID if I show it as a column and do this in the CategoryGridView_SelectedIndexChanged event:
GridViewRow row = CategoryGridView.SelectedRow;
Session["SelectedID"] = row.Cells[2].Text;
However, I don't like that I have to display the ID column because of aesthetic reasons and also I just don't like people seeing my IDs.
On the other hand, if I hide the ID column in the GridView, how can I associate the Category text back to the original row in the Database?
how to make Visible hidden on checking check box?
View 5 RepliesI am having an issue with hidden cells when a PageIndexChanging event is fired in a gridview.
On the page_load I am setting the visibility of an edit button in a cell of a gridview to true or false depending on a users credentials.
Everything works as intended when the page is first loaded. When I click to a different page index the edit button is visible in all cells when it shouldn't be. The edit button is then visible in all cells even if I navigate back to the first page.
Here is the pageindexchanging event:
protected void GridView_EmployeeList_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView_EmployeeList.PageIndex = e.NewPageIndex;
GridView_EmployeeList.DataBind();
}
Here is some code from the page_load:
protected void Page_Load(object sender, EventArgs e)
{
foreach (GridViewRow row in GridView_EmployeeList.Rows)
{
If(row.Cells[1] == "Manager")
{
row.Cells[13].Visible = true;
}
else
{
row.Cells[13].Visible = false;
}
}
}
I have a web page that I have a media control player on along with other controls in a table.It's a training video, so the controls are not visible.So the user can advance to the next web page,I thought I would have a button control inside an update panel with a time control so that the user had to watch the video and then the button control would appear after the video completed.I'm setting the button update panel to NOT visible and then turning it one when the time control elapses the same amount of time that the video runs.My problem is that when I set the visible property of the update panel to NOT visible it also makes the media player's panel NOT visible too.They are in two different panels.The medial player in a standard panel and the timer control connected witha separate panel that contains the button for the user to proceed. When I set the visible property to "true" the media player runs but the update panel with the button is visible also.
[Code]....
This is the code for the update panel and continue button that is in a separate table cell.I even split the table and so this is in a completely separate table but I still get the same behavior.
I am learning asp.net using Visual web developer 2008 express.
I have an image control with the html code below
<div class="Header">
<asp:Image ID="image1" runat="server"
ImageUrl="D:/Master/test.jpg" Width="500" Height="300"
AlternateText="UNRA Fort Portal Intranet"/>
</div>
In design view, the image shows but when i run the app, the image is not shown. Only the alternate text is displayed.
The css code code as below.
.Header
{
top:10px;
left:20px;
position:absolute;
width:800px;
background-image:URL(D:/Master/test.jpg);
background-repeat:repeat-x;
}
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
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.
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 have two panels on a page. Panel A, and then within Panel A is Panel B. If Panel A's visibility is False, shouldn't Panel B's visibility automatically be false because it's within Panel A?
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]....