http://forums.asp.net/t/1109955.aspx?PageIndex=1
Here is (more) code that demonstrates the issue. If the control in the host page is removed the tab control renders correctly. Otherwise it is rendered with the visibility attrubute set to hidden as reported in the above link. Is this broken or am I doing something wrong?
[Code]....
[Code]....
[Code]....
[Code]....
My Tab Container works fine on my development machine. But it doesn't show up my production machine. On closer inspection, the Production machine renders it as hidden. Any thoughts on why this would happen?
Mark up:
<asp:TabContainer ID="tcAuditMain" runat="server"
Visible="true" ActiveTabIndex="10" EnableViewState="true"
CssClass="NewsTab" Width="100%">
Rendered:
<div id="ctl00_ContentPlaceHolder1_tcAuditMain" class="NewsTab" style="width:100%;visibility:hidden;">
I am trying to use the TabContainer/TabPanel controls to create 3 tabs. The tabs themselves will always appear, however, only the first tab will ever display. When I look at the source of the page, I find that the 2nd and 3rd panels have style="visibility:hidden;display:none" on them. The only time this is not true, is if the content inside the tables is text that is on the source, nothing generated.
I have tried it using controls, repeaters, adding all my tabs dynamically, setting the properties of visibility=True and enabled=true. I am kind of pulling my hair out here.
ASPX coding:
<asp:TabContainer ID="aeDetails" runat="server">
<asp:TabPanel ID="placeholder" runat ="server" HeaderText ="PlaceHolder" ><ContentTemplate >Place Holder</ContentTemplate></asp:TabPanel>
</asp:TabContainer>
VB.NET Code:
' Get the content for the home page.
getHomePageContent()
' get the announcements, if any
getAnnouncements()
' get the events, if any
getEvents()
' remove placeholder after adding all three tabs
For i As Integer = 0 To aeDetails.Tabs.Count - 1
If aeDetails.Tabs(i).HeaderText = "PlaceHolder" Then
aeDetails.Tabs.RemoveAt(i)
Exit For
End If
Next
I will only put the code for one tab in here as they are all pretty much the same.
Private Sub getAnnouncements()
Dim nt As TabPanel = New TabPanel()
nt.HeaderText = "Viscardi Announcements"
nt.ID = "tpAnnouncements"
nt.Visible = True
nt.Enabled = True
Dim nl As Label = New Label()
Dim sb As StringBuilder = New StringBuilder()
Dim anRec As HVS_Announcements_Record = New HVS_Announcements_Record
Dim anList As List(Of HVS_Announcements_Record) = getCurrentAnnouncments()
Select Case anList.Count < 1
Case True
nl.Text = "There are currently no announcments for the Henry Viscardi School"
nt.Controls.Add(nl)
aeDetails.Tabs.Add(nt)
Return
End Select
sb.Append("<ul>")
For Each anRec In anList
sb.Append("<li><a onclick='MM_openBrWindow")
sb.Append("('announcementDetails.aspx?id=" & anRec.HVS_AR_Id & "','newWindow','status=yes,scrollbars=yes,resizable=yes,width=600,height=500'")
sb.Append("target='_blank' title='Click to view full contents of the announcements'>")
sb.Append(anRec.HVS_AR_AnnouncementTitle & "</a></li>")
Next
sb.Append("</ul>")
nl.Text = sb.ToString()
nt.Controls.Add(nl)
aeDetails.Tabs.Add(nt)
End Sub
All of the content that is generated by the various routines is in the page source, just hidden.
I have a ajax combobox inside a table row which is hidden (display:none) on page load in javascript.
When user clicks a hyperlink, i need to show this row. But when i make this row visible (display:block), the ajax combobox dropdown button and list does not show up.
If I make the row always visible, then the combobox appears fine.
I read about this problem of showing a ajax combobox which was hidden on page load, but not able to get a proper solution.
How to disable tab or visibility control if some condition is not satisfy.
I want it that control in .asmx page, because I have some Cascaded combo under two tab.
If the first combo is not populate in any of tab then that tab will not visible or disable to user.
As I am populating the cascaded combo box using web methods so it is easy for me to declare that fuction there.
I have a web page where a div needs to be displayed under certain conditions. I'm using the following code to toggle the display and have verified that it works.
[Code]....
To call this javascript function, I'm using the following code in the code-behind for the page:
[Code]....
I traced the flow using the debugger. When the page load, txt_Cat_ID.Text = "2" correctly resolves to FALSE and the toggleOptionsDiv script is run with the 'hide' parameter. The page correctly hides the div.
When I click on the link that makes txt_CAT_ID.Text = "2" resolve to TRUE, the code executes the line where the toggleOptionsDiv script is run with the 'show' parameter. However, the div remains hidden.
The link that is clicked triggers an asynchronous post back and I'm not sure if that is the problem. How can I get the div to display on postback?
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 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 change the visibility of two asp.net image controls (runat="server") at the beginning and the end of the method call duration. I mean, I want the first image displayed and second one remains hidden until the last line of my method, which in turn, the second image becomes visible and the first one hides. I've put the area of the triggering control in updatepanel and have declared triggers of the updatepanel; But when I press the control (which is a button), the image at the end of the process is displayed correctly and on time but the one which should be displayed in the first line of the method is not displayed. I've configured my updatepanel to use conditional update mode and have used these lines for my intention:
imgLoading.Visible = true;
..
rest of the process
..
if (true)
{
imgLoading.Visible = false;
imgSuccess.Visible = true;
}
so here is what i've got:
-master page with updatepanel - within the update panel is a contentplaceholder
-aspx page that uses the master page which contains aysncfileupload,a button,an image,and a label
what i'm trying to accomplish:
when a user uploads a file using the asyncfileupload it gets saved to a public folder.-this works as it should when the user presses the button the file is processed and should display the image and label (which were previously not visible)-this does not what happens is that the file gets processed but the image and label stay hidden,and i cannot figure out why.here's the aspx page and code snippets:
[Code]...
the file gets uploaded,and it even hits the two lines which should make the label and image visible but they stay hidden.i know that if you try to change controls with the afuExcelUsers_UploadedComplete event,they will not happen since the asyncfileupload only does a partial postback. this is why that event (afuExcelUsers_UploadedComplete) only saves the file on the server.then pressing the button triggers a different event and should do a "postback" and have control over the label and images visibility and other properties.
I have a main page with one update panel
Inside that I have registered usercontrol. within this user control I have written some javascript
This js does not get rendered when page is loaded/opened.
I'm trying to dynamically assign the visibility of the TabPanels in my page. The code below sort of works, but not correctly (refer to image).
It is able to hide the actual tab, but the header still appears (though unclickable). I need for the header and the tab to be hidden.
I tried to use "tb = (AjaxControlToolkit.TabPanel)this.page.findControl("TabPanel1").Visible = true"
And get this error Object reference not set to an instance of an object.
I can be pointed to the right direction.
[Code]....
Im using a web form that contains a button(having id=btnSubmit) dropdownlist(having id='ddlDynamic') and a panel which has a dynamicpopulateextender that makes use of the fllg webservice method
[code]....
I need to achieve an effect of a read-only textbox, where when the user clicks on the textbox a popup grid control appears, after the user has made a row selection the text box is populated.... Looking at the AJAX Toolkit model it seems like a CustomExtender would be the way to go, but I can find no documentation on how to build such a thing, so I am looking at improvising.
Here is my process (which is still not working):
Using either an ASP.NET TextBox or HTML <input type="text" runat="server"> control I need to able to trap on the onclick event and then set an ASP.NET Panel control Visible="true". I have tried placing my GridView control inside a <div> and using style properties to set it to hidden and using a client-side (javascript) event handler on <input type="text"> onclick event setting the style property to visible, this does not work correctly. It results in a empty place-holder like grid that popualtes on click (I suspect this is because the DataGridView lives inside a ASP.NET Panel)
I would like to be able to call a server-side method from inside my client-side JavaScript function. I seem to recall from Microsoft AJAX 1.0 docs a way to RegisterClientScript or some approach that allows this and can not find anything on this being supported with the ControlToolkit/MS AJAX 2. If I can do this I could set my ASP.NET Panel Visible property to true and then call Update() on it's UpdatePanel parent which should give me exactly what I'm looking for.
I'm attempting to set the visibility my UpdatePanel to true upon a button click event (as shown below). It should be rather straightforward but unfortunately it's not working at all. Any idea why it's going wrong?
//Markup
<asp:UpdatePanel ID="UpdatePanelSearchSubject" runat="server" UpdateMode="Always" Visible="false">
<ContentTemplate>
<p>
</p>
<p>
<asp:TextBox ID="findSubject" runat="server" Width="248px"></asp:TextBox>
</p>
<asp:RadioButton ID="peopleSearch" runat="server" Checked="True"
Text="People" GroupName="searchSubject" />
<asp:RadioButton ID="groupSearch" runat="server" Text="Group"
GroupName="searchSubject" />
<br />
<asp:Button ID="btnGetGroups" runat="server" Text="Search"
OnClick="btnGetGroups_Click" BackColor="#CCFFCC" />
<br />
<br />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSearchSubject" />
</Triggers>
</asp:UpdatePanel>
//code behind
protected void btnSearchSubject_Click(object sender, EventArgs e)
{
UpdatePanelSearchSubject.Visible = true;
}
There seem to be about a zillion posts on similar situations, but I can't seem to find an answer in any of them. I've tried numerous techniques that I've seen, but nothing is making a difference. I have a Master page with an UpdatePanel with a ContentPlaceholder. In the content page I have a calendar. Above the calendar are LinkButtons that trigger a Command event to switch between Day Week and Month views. In the calendar DayRender event I am adding items to each day of the calendar. Items are pulled from a database. All items are contain within a dynamically generated div to help with layout. Each event that is added is a hyperlink that takes the user to a page where they can edit details of the event.
If there are more than 4 events, I'm adding a LinkButton with the text, "(more...)". I'd like that to trigger a Command event so that I can switch to the Day view of the appropriate day:
[Code]....
The problem is that, while the anchor tag gets generated with the proper text and ID, no href attribute is rendered and, as a result, nothing happens when you click "(more...)". I've tried switching to a Click event, but it does the same thing. (And I need the Command event to use the code I already have in place for some other buttons.) I've tried rendering it as an asp:Hyperlink and using ClientScript.GetPostBackClientHyperlink. That gives me a hyperlink, but I don't know how to get it to trigger so it results in the server interpreting it as a Command event and linking it to the proper event handler.
I have downloaded the latest version of AJAX toolkit (AjaxControlToolkit.Binary.NET35) and add to asp web page as I did many times before without any particular problem. However this time I'm experiencing unwanted results that make me want to through the computer into my neighbor's pool. The tab control is rendered with the following inline style:
<div style="width: 500px; visibility: hidden;" id="TabContainer1">
I 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 RepliesI seem to have come upon an issue with XHTML 1.0 Strict compliance and ASP.NET AJAX. When a ScriptManager is included on the MasterPage, it renders the following tag:
<input type="hidden" name="ctl00$SCManager" id="ctl00_SCManager" />
In order to be XHTML Strict compliant, this tag must be included in a <div>, as is the VIEWSTATE. Even when Strict compliance is enabled in the web.config, the ScriptManager insists on rendering in a non-compliant way. This is currently blocking our transition to Strict mode, as it's the only non-validating tag on our pages.
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 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]....
