Forum  General Visual ...  How do I...?  Tab-control bug IE?
Previous Previous
 
Next Next
New Post 11/26/2009 10:20 AM
  ddks
240 posts
4th Level Poster


Tab-control bug IE? 

Hi there,

we are using version 6.3.11 and notice a bug in the tab control display in IE. When a tab page inside a control has spaces in the name e.g."My Tab first" some wierd clipping happens in IE. also like there is some logic that cuts it after the first space and it would display something like "My". The workaround (which is actually not very good visually because there is still some ugly clipping) is to add two additional spaces at the end so "My Tab first  ". All works fine in FF but in IE even with this workaround it still displays pretty rough / ugly since the padding is all messed up as well as some weird spacing between the tabs

Thanks,

Daniel

 
New Post 11/27/2009 6:32 PM
  ddks
240 posts
4th Level Poster


Re: Tab-control bug IE? 

Anyone have the same issue? Anyone have a solution. A bit urgent since it is holding up a release for us......

 

thanks,

Daniel

 
New Post 11/30/2009 3:47 PM
  ddks
240 posts
4th Level Poster


Re: Tab-control bug IE? 

For anyone else suffering from this annoying bug (when using tab names that have spaces in them IE doesn't render them properly, being cut off and weird spaces between tabs).

To fix this:

- override tabcontrol.xslt. find the tag below and add a float:left to the tab label div for the nobr and span tags. See bolded below.

<div class="Common-FontData TabControl-LabelPadding TabControl-Label" dir="{$dir}"  onkeydown="mobjApp.TabControl_KeyDown('{@Id}',window,event)"  style="float:left;" >
                          <xsl:if test="@Id=../@Attr.Selected">
                            <xsl:attribute name="tabindex">
                              <xsl:value-of select="@Attr.TabIndex" />
                            </xsl:attribute>
                            <xsl:attribute name="vwgfocus">
                              <xsl:value-of select="1" />
                            </xsl:attribute>
                          </xsl:if>
                          <nobr style="float:left;">
                            <xsl:if test="@Attr.Image">
                              <img id="IMG_{@Id}" src="{@Attr.Image}" height="16px" width="16px" align="absmiddle"/>&#160;
                            </xsl:if>
                            <span id="TXT_{@Id}" style="float:left;"><xsl:value-of select="@Attr.Text" /></span>&#160;
                          </nobr>
                        </div>
                        <div class="TabControl-Right"  style="float:left;">&#160;</div>
                      </div>

 
New Post 12/1/2009 1:24 PM
  palli
11189 posts
1st Level Poster




Re: Tab-control bug IE? 

Hi Daniel,

I am unable to reproduce this on 6.3.11 in any browser (IE7, IE8, FF3.5, Chrome ...).

I added TabControl directly on a form and another one within a UserControl. TabPage titles as "MyPage", "My Page" and "My Third Page" and they all show smoothly.

If you still can reproduce, please create a most minimal reproducing application, clean it, zip it and email it to support (seem emailaddress of support in my signature), along with a full reference to this thread. Please post here when you have sent it so we know when to look.

Palli

 


Páll Björnsson - Visual WebGui support team - Email: support@visualwebgui.com
 
Previous Previous
 
Next Next
  Forum  General Visual ...  How do I...?  Tab-control bug IE?
CompanionKit Bottom
.NET Web, Cloud and Mobile application delivery platform | Sitemap | Terms of Use | Privacy Statement | Copyright © 2005-2011 Visual WebGui®       Visual WebGui weblog on ASP.NET Visual WebGui Group on LinkedIn Visual WebGui updates on Twitter Visual WebGui Page on Facebook Visual WebGui YouTube Channel Visual WebGui Platform News RSS