Design distorted in post back RSS

• • Reply
  

  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...

  Please mark as answered if this answer helped you.
  
  Shankar
• • Reply
  

  Bhavagna

  Member

  40 Points

  22 Posts

  Re: Design distorted in post back

  May 03, 2012 03:08 PM|LINK

  can u share sample code

• • Reply
  

  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

• • Reply
  

  Shankar_ss

  Participant

  1270 Points

  279 Posts

  Re: Design distorted in post back

  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.

  Please mark as answered if this answer helped you.
  
  Shankar
  • Edited by Shankar_ss on May 07, 2012 01:26 PM
• • Reply
  

  Shankar_ss

  Participant

  1270 Points

  279 Posts

  Re: Design distorted in post back

  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

  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.

  Please mark as answered if this answer helped you.
  
  Shankar
• • Reply
  

  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>

  Please mark the replies as answers if they help or unmark if not.
  Feedback to us
  
  Develop and promote your apps in Windows Store
  
  • Marked as answer by Shankar_ss on May 08, 2012 11:48 AM
• • Reply
  

  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

  Please mark as answered if this answer helped you.
  
  Shankar