Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post May 08, 2012 11:48 AM by Shankar_ss
Participant
1270 Points
279 Posts
May 03, 2012 02:55 PM|LINK
On post back after submit, the tabcontrol header gets distorted. Any suggestions...
Member
40 Points
22 Posts
May 03, 2012 03:08 PM|LINK
can u share sample code
60 Points
57 Posts
May 03, 2012 03:31 PM|LINK
If you are using control ' ID ' in your CSS then it happens sometime as ASP.NET changes ID a run time. Try to Replace Your ID with a CLASS in CSS
e.g. <div id="Wrapper"> to <div class="Wrapper"> and in your CSS file change
#Wrapper to .Wrapper
May 07, 2012 01:21 PM|LINK
Bhavagna can u share sample code
Thanks for replying...
I just use a tab control with button in each of the tabs.
When I click the button, on postback the tab is distorted.
The code:
<cc1:TabContainer ID="ClientTab" Width="800px" runat="server" ActiveTabIndex="0"> <cc1:TabPanel ID="TabPanel6" runat="server" HeaderText="TabPanel1"> <HeaderTemplate> Heading one </HeaderTemplate> <ContentTemplate>
</ContentTemplate>
</cc1:TabPanel> <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1"> <HeaderTemplate> Heading 2 </HeaderTemplate> <ContentTemplate>
</ContentTemplate> </cc1:TabPanel> </cc1:TabContainer>
Any other suggestions please.
May 07, 2012 01:22 PM|LINK
saadat Ali If you are using control ' ID ' in your CSS then it happens sometime as ASP.NET changes ID a run time. Try to Replace Your ID with a CLASS in CSS e.g. <div id="Wrapper"> to <div class="Wrapper"> and in your CSS file change #Wrapper to .Wrapper
I am not using any CSS for the tabs. Just added tabs and buttons in them. And generally in CSS, I dont use Id.
All-Star
43705 Points
4304 Posts
Microsoft
May 08, 2012 07:57 AM|LINK
Hi,
Please add this style in your page:
<style type="text/css"> .ajax__tab_default .ajax__tab_tab { overflow: visible!important; text-align: center; display: -moz-inline-box; display: inline-block; } </style>
May 08, 2012 11:48 AM|LINK
Thank you very much Song-Tian.
It worked.
Regards,
Shankar
Shankar_ss
Participant
1270 Points
279 Posts
Design distorted in post back
May 03, 2012 02:55 PM|LINK
On post back after submit, the tabcontrol header gets distorted. Any suggestions...
Shankar
Bhavagna
Member
40 Points
22 Posts
Re: Design distorted in post back
May 03, 2012 03:08 PM|LINK
can u share sample code
saadat Ali
Member
60 Points
57 Posts
Re: Design distorted in post back
May 03, 2012 03:31 PM|LINK
If you are using control ' ID ' in your CSS then it happens sometime as ASP.NET changes ID a run time. Try to Replace Your ID with a CLASS in CSS
e.g. <div id="Wrapper"> to <div class="Wrapper"> and in your CSS file change
#Wrapper to .Wrapper
Shankar_ss
Participant
1270 Points
279 Posts
Re: Design distorted in post back
May 07, 2012 01:21 PM|LINK
Thanks for replying...
I just use a tab control with button in each of the tabs.
When I click the button, on postback the tab is distorted.
The code:
<cc1:TabContainer ID="ClientTab" Width="800px" runat="server" ActiveTabIndex="0">
<cc1:TabPanel ID="TabPanel6" runat="server" HeaderText="TabPanel1">
<HeaderTemplate>
Heading one
</HeaderTemplate>
<ContentTemplate>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
<HeaderTemplate>
Heading 2
</HeaderTemplate>
<ContentTemplate>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
Any other suggestions please.
Shankar
Shankar_ss
Participant
1270 Points
279 Posts
Re: Design distorted in post back
May 07, 2012 01:22 PM|LINK
Thanks for replying...
I am not using any CSS for the tabs. Just added tabs and buttons in them. And generally in CSS, I dont use Id.
Any other suggestions please.
Shankar
Song-Tian - ...
All-Star
43705 Points
4304 Posts
Microsoft
Re: Design distorted in post back
May 08, 2012 07:57 AM|LINK
Hi,
Please add this style in your page:
<style type="text/css"> .ajax__tab_default .ajax__tab_tab { overflow: visible!important; text-align: center; display: -moz-inline-box; display: inline-block; } </style>Feedback to us
Develop and promote your apps in Windows Store
Shankar_ss
Participant
1270 Points
279 Posts
Re: Design distorted in post back
May 08, 2012 11:48 AM|LINK
Thank you very much Song-Tian.
It worked.
Regards,
Shankar
Shankar