What's New?

[CLOSED] Hidden tab in IE7, but visible in other browsers

  1. #1
    Mar 18, 2009, 12:52 PM

    [CLOSED] Hidden tab in IE7, but visible in other browsers

    Hi,After some code changes and coolite DLL update.. In IE7 a tab is rendered with "x-hidden" class
    The same tab is visible in other browsers correctly, in firefox it's rendering with cls=''


    The div that it's applying the x-hidden class is the TabId_Body


    Thanks
  2. #2
    Mar 18, 2009, 1:00 PM

    RE: [CLOSED] Hidden tab in IE7, but visible in other browsers

    Hi,

    Almost all nested controls (and body div) rendered with Cls="x-hidden". After UI building this class removed by controls at client side.


    Can you post code which demonstrates the problem?


  3. #3
    Mar 18, 2009, 1:23 PM

    RE: [CLOSED] Hidden tab in IE7, but visible in other browsers

    The problem was regarding the usage of a FitLayout instead of a ContainerLayout

    This code works in all browsers:


    <ext:Tab ID="tab1" runat="server" TitleCollapse="true" Frame="true" Cls="images-view"
** * * * * * * *Title="Thumbnails" Icon="ApplicationViewTile" AutoScroll="true" Border="false">
** * * * * * * *<Body>
** * * * * * * * * *<ext:Panel ID="Thumbpanel" runat="server" Border="false">
** * * * * * * * * * * *<Body>
** * * * * * * * * * * * * *<ext:ContainerLayout runat="server">
** * * * * * * * * * * * * * * *<ext:DataView ...>
					....



    This doesn't work in IE7 (but it works in the others):


    <ext:Tab ID="tab1" runat="server" TitleCollapse="true" Frame="true" Cls="images-view"
** * * * * * * *Title="Thumbnails" Icon="ApplicationViewTile" AutoScroll="true" Border="false">
** * * * * * * *<Body>
** * * * * * * * * *<ext:Panel ID="Thumbpanel" runat="server" Border="false">
** * * * * * * * * * * *<Body>
** * * * * * * * * * * * * *<ext:FitLayout runat="server">
** * * * * * * * * * * * * * * *<ext:DataView ...>
					....

    All I wanted was to fit the DataView inside the Tab (actually is smaller)
  4. #4
    Mar 18, 2009, 1:26 PM

    RE: [CLOSED] Hidden tab in IE7, but visible in other browsers

    Hi,

    Why need *Thumbpanel Panel? You didn't set size for this panel therefore DataView fit incorrectly


    Does the following code work?
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); "><ext:Tab ID="tab1" runat="server" TitleCollapse="true" Frame="true" Cls="images-view"
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * *Title="Thumbnails" Icon="ApplicationViewTile" AutoScroll="true" Border="false">
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * *<Body>
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * * * * * *<ext:FitLayout runat="server">
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * * * * * * * *<ext:DataView ...>
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">

    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">


  5. #5
    Mar 18, 2009, 1:27 PM

    RE: [CLOSED] Hidden tab in IE7, but visible in other browsers

    Or if need this panel add fit layout into the Tab*

    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); "><ext:Tab ID="tab1" runat="server" TitleCollapse="true" Frame="true" Cls="images-view"
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * *Title="Thumbnails" Icon="ApplicationViewTile" AutoScroll="true" Border="false">
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * *<Body>
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); "> ** * * * *<ext:FitLayout runat="server">

    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * *<ext:Panel ID="Thumbpanel" runat="server" Border="false">
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * * * *<Body>
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * * * * * *<ext:FitLayout runat="server">
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); ">** * * * * * * * * * * * * * * *<ext:DataView ...>
    <div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); "> ....

  6. #6
    Mar 18, 2009, 1:32 PM

    RE: [CLOSED] Hidden tab in IE7, but visible in other browsers

    Thanks!

    It's working

Similar Threads

  1. [CLOSED] Hidden="true" behaves as Visible="false"
    By marco.morreale in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 28, 2012, 3:17 PM
  2. Paging toolbar not visible when GridPanel is made visible
    By mkshields9w57 in forum 1.x Help
    Replies: 1
    Last Post: Nov 22, 2011, 6:57 PM
  3. [CLOSED] display difference between browsers
    By Stefanaccio in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 29, 2010, 6:43 AM
  4. [CLOSED] [1.0] Initially Hidden fields in CompositeField do not render properly on becoming visible
    By r_honey in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 19, 2010, 5:00 AM
  5. Properties: Visible vs Hidden
    By tnwheeler in forum 1.x Help
    Replies: 2
    Last Post: Sep 23, 2009, 12:23 PM

Posting Permissions