.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

AJAX TabPanel content are always visibility:hidden, display: none on all but first tab

Posted By:      Posted Date: October 19, 2010    Points: 0   Category :ASP.Net

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>

VB.NET Code:

'   Get the content for the home page.
        '   get the announcements, if any
        '   get the events, if any


View Complete Post

More Related Resource Links

Ajax Tab: Each TabPanel with different Color



I have situation like, Each tab panel should display with different colors based on the status. Example:

Completed tabs should display in "Green"

Inprogress status tabs should display in "Red"

Not eligible status tabs should display in "Gray".

Ajax Tab look and feel is very good. So, thought of using the Ajax Tab for my above requirement. I tried to change it. But I am not able to change the color of the each tab.  

Is it possible to change the color of each tab in Ajax Tab control? Pleas help me.

If not possible, please suggest any other tab controls to achieve above my requirement.

Note:I already tried with IE tab controls, since it provides me that flexibility to change the color of the each tab. But, It is crashing my browswer. I am not sure about the reason.

I tried Jquery option, since I need to change the tab status dynamically based on the selection made in that same page, I am not able to achieve this one in the JQuery.

Tab container rendered with visibility:hidden - This was reported over three years ago.



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?



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="S2.aspx.cs" Inherits="S2" %>
<%@ Register Src="~/SelectorPatternControl.ascx" TagName="TestControl" TagPrefix="sam" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <form id="form1" runat="server">
        <cc1:ToolkitScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></cc1:ToolkitScriptManager>

WPF: Flexible Content Display With Flow Documents


Markus Egger discusses all the flexibility and power of flow documents in Windows Presentation Foundation

Markus Egger

MSDN Magazine August 2007

Display the content of a Word document in a web part?

Hello all,We are planning to display the content of the word document pulling document from document library in a web page in sharepoint as a web part.So, based on above requirement , I have to display word document in a container/control which allows word document to edit, read and save it back to document library.I know that if you have Office 2007 installed we can convert the word document to web page and display it in the page viewer web part but we have office 2003 suite. So we are looking for web part which can display the content of the word document inline with the web page.Thanks in advacne,Chakri

Creating a 3D cube and display content on each side

Dear all, I would like to show different content in each of a cube face that I can manipulated in space. My customer has see this in a desktop 3 D application somewhere on the net and would like to have this integrated in my applciation I am really interresting to integrate this has it is a good customer but have never done it Does any one have a done this already or sample for doing it ? regards SergeYour knowledge is enhanced by that of others.

Problem with Ajax calendar extender visibility

sir i am using ajax calender extender in textbox below this textbox i am using a panel there is a gridview that show data.problem is when i click the textbox half of the calender id hiden behind the panel how to solve this problem. 

Set a Calculated column as hidden in a content type

Hello, I'm building a custom list with several columns, including a Calculated column. This calculated column simply takes the value of a choice column in the same list to convert this value to a single line of text value. I do this because when adding a lookup column to this list, I cannot select Choice columns as additional columns, but I can add the calculated column. Speaks for itself that this calculated column only needs to exist in the background, and end users should not see this column in the Add/Edit/Display forms. In add/edit forms the column is not displayed, but in the display form it gets displayed. Piece of cake I thought, I'll just set it as hidden in the content type used for the list. When I open the column the column settings (required/optional/hidden) is grayed out, so I cannot set it to hidden. In SP2007 this was possible, why can't I do this anymore in SP2010? Do I miss some feature in order to do this, or is there a good reason why this seems to have changed in SP2010?

IE8, AJAX and SSL - Solution to mixed content security warning!

 Hi everyone, I've searched this forum and the web for an answer to my problem, but haven't quite found the answer. My corporate site is using Asp .Net 3.5, AJAX and SSL to secure certain pages. The problem is that IE8 throws a message about unsecure content while IE7 and Firefox do not. I know this issue has been discussed ad nauseum (remember, I've done a lot of research), however, I have specifically isolated the issue down to adding the <scriptmanager> control on an AJAX page requiring SSL. With nothing else on the page (e.g. no images or script references), just a simple .aspx page, add <scriptmanager> and IE8 will display the message and IE7 and FF will not.  Based on my reasearch, the issue is most likely related to the scriptresource and webresource handlers, however, I don't know enough about the inner workings to do any good. Here's what I tried... Manually set the scriptpath property of scriptmanager to specify where to find the AJAX scripts. The scriptmanager uses the system.web.extensions assembly (which packages all the AJAX js), so I manually downloaded the library from ajax.asp.net site, copied the js files to a scripts directory and made reference in the scriptmanager directly.  Using Fiddler2, I could see that the references now appear to be SSL, and I know it was working because

IDragSource bug over a hidden (display:none) table row with IE browser

I'm currently trying to create an Extender to move Gridview row order. Some of they are hidden by setting their property display to 'none'.Because the gridview act like a treeview with node that can be expanded or collapsed.From there all is well working, except with Internet explorer !Here is the problem :    When hiding a row, the drag operation works properly until the mouse reach a row having one or more preceding row hiddens.I create a some code to reproduce the bug.    1 - Open the sample in Internet Explorer and try dragging rows. You will then notice that all is well working.    2 - Now, click on the button "Toggle rows display" and retry dragging row 1 over the row 10. You will notice that when the mouse reach the row 5,          the drag operation stuck on the header of the table.    Now open the sample in FireFox, Google Chrome, Safari and repeat the same operation. You will notice that all is well working.ASPX Page :<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test3.aspx.cs" Inherits="Test3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

Form opening in infopath client despite Content Type settings "Display as a Web Page"

Hi all,   I have a strange behavior with my forms. The infopath template is defined as Content Type for my Form library, in the advanced settings I have checked "Display as a Web page" for the "Opening browser-enabled documents" setting. Despite that when the client is availble on the computer which is browsing the Form Library, I'm asked to "Open", "Save" or "Cancel" instead of opening the form in the browser.   Any idea why this is happening ?

How do I dynamically change and display the group of controls/content in wpf

The requirement for me is, based on some condition I need to show different group of controls on the screen. Gow do I achive this?

How to display the date only till current date in ajax calendar extender .

Hi,1) How can i display the date only till current date in ajax calendar extender ?2)How to validate the date in one TextBox with the Date in another TextBox ?    Please Help me ...

RSS - Is there a way to display all new content across several subsites on a top level home page ?


I have an Intranet site that contains several departmental intranet sites.

Is it possible to have a web part on the homepage of the top level intranet that displays all recently added content to the various sub sites ?



How to use AJAX editor with HTML content?


I have a AJAX editor and I want to put the HTML content in a database and I want to get the HTML data from the database to put in the HTML editor, in HTML mode.

So I do:

Editor1.ActiveMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Html;
        Editor1.Content = MessageLabel2;

Editor1.ActiveMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Html;

Editor1.Content = data_from_database;

But what happens is that I get the HTML data from the database in designmode in the editor, so I have HTML in designmode and HTML to HTML in HTMLmode (and that is not what I want of course).

Of course I want only HTML in HTML mode and in designmode I want the normal text.

How can you do this and is this possible?

Display Customize list having All Site Content Layout



I am having Sharepoint 2010 RTM Trial on Windows server 2008 SP2. Also I am having Team Site.

I have noticed that All Site Content Page and a List Page (click on "Lists" link in Navigation Panel) are the same but Lists Page have some Query string attached to the Actual Page Link and therefore, only lists appears on Lists Page.

Can I display my custom Lists (List of my custom Lists) on a Custom Page through Webpart ? Or there is any alternate or workaround for that ? 


regarding display textbox and image in same line using ajax ...


iam uing ajax to check availblity of username from sql. evrythng is working fine ...only the thing is the image i want to dispaly aftr the text using:http://encosia.com/2007/07/02/aspnet-username-availability-checking-via-ajax/ but how to display images aftr the text box...it displays in next line ..please can u help me ..how to display images next to texbox...

ajax accordion with gridview doesn't display data


hi guys,

im trying to display some data using a gridview inside ajax accordion. i have called the method accordion1_itemBound at the accordion properties but it still doesnt show me any data at the gridview... i check all my query string and everything seems find. would really appreciate if someone could check my code and teach me how to solve it.

below are my codes at the source page

    <form id="form1" runat="server">
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ProrsumDBConnectionString %>" 
            SelectCommand="SELECT [reviewID], [comments], [reviewDate] FROM [Review]">
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        <asp:DataList ID="dlProdCatalog" runat="server">
                <asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("pictureURL") %>' />
                <br />
                Tour Title:
                <asp:Label ID="tourTitle
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend