7

Closed

Tabs overlap TabContainer content

description

Hello, updated to the new version, but does not work the "Tags", he was overwritten when the tabs number was higher than the page size, and the contents of "ContentTemplate" Overlay the contents of the other tabs
<div style ="width:250px;"> Testee <cc1:TabContainer Width="200px" runat="server" Visible="true" UseVerticalStripPlacement="false" VerticalStripWidth="200px" TabStripPlacement="Top" > <cc1:TabPanel runat="server" HeaderText="Signature and Bio" > <ContentTemplate> Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. </ContentTemplate> </cc1:TabPanel> <cc1:TabPanel runat="server" HeaderText="Signature and Bio"> <ContentTemplate> **** </ContentTemplate> </cc1:TabPanel> <cc1:TabPanel runat="server" HeaderText="Signature and Bio"> <ContentTemplate> --- </ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> </div>

file attachments

Closed Mar 10, 2016 at 5:07 PM by MikhailTymchukDX
AJAX Control Toolkit was moved to GitHub: https://github.com/DevExpress/AjaxControlToolkit
The fix for this issue is available with the v16.1 release: https://github.com/DevExpress/AjaxControlToolkit/releases/tag/16.1.0

comments

nicolasft wrote Nov 18, 2015 at 6:30 PM

This problem is also in my application, I hope they can soon solve

thomasbellaver wrote Nov 18, 2015 at 6:47 PM

Same problem here.. waiting for answers

fadilmamedov wrote Nov 24, 2015 at 12:50 PM

Hi!

The problem you described is not clear for me. In your example you manually set the width of the Tabs (and also it's containing div element with the width CSS property) and therefore tab headers overlap each other. To avoid this problem you need to increase width of the Tabs and it's containing div.

If this doesn't help, please describe the problem in more detail.

Best regards,
Fadil

leosousa16 wrote Nov 25, 2015 at 12:43 PM

Hello Fadil and thank you for your answer. I tried to remove all manual widths but it stills overlap the tab headers.
Here the updated code:
<div > Test
 <cc1:TabContainer runat="server" Visible="true"> 
  <cc1:TabPanel runat="server" HeaderText="Signature and Bio" > 
   <ContentTemplate> Sed porttitor lectus nibh. </ContentTemplate> 
  </cc1:TabPanel> 
  <cc1:TabPanel runat="server" HeaderText="Signature and Bio"> 
   <ContentTemplate> test </ContentTemplate> 
  </cc1:TabPanel> 
  ... a lot of tab pannels
 </cc1:TabContainer> 
</div> 
Along I've attached 2 images that you can see the problem.
Waiting foward for your answer to start using the new ajax.
Best regards, Leonardo

fadilmamedov wrote Dec 3, 2015 at 2:30 PM

Hi!

Thank you very much. We have fixed this problem (now Tabs can display several tab header rows) and this fix will be available in the next AJAX Control Toolkit version.

Best regards,
Fadil

MikhailTymchukDX wrote Feb 2, 2016 at 1:50 PM

The title was edited as this issue is included in What's new list for the v16.1 release.