Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
195
TabOrientation Issues: LeftTop
posted

I hope someone could help regarding the issue I have here. The tab orientation is lefttop. It seems that the tab buttons get replicated as I set the height of the control itself. The code is below:

 

<igtab:UltraWebTab ID="utabFundDetails" runat="server"

Width="100%" TabOrientation="LeftTop" Height="450px">

<Tabs>

<igtab:Tab Text="PreCouncil">

<ContentTemplate>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem

Ipsum has been the industry's standard dummy text ever since the 1500s, when an

unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting,

remaining essentially unchanged. It was popularised in the 1960s with the release

of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop

publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why

do we use it?It is a long established fact that a reader will be distracted by the

readable content of a page when looking at its layout. The point of using Lorem

Ipsum is that it has a more-or-less normal distribution of letters, as opposed to

using 'Content here, content here', making it look like readable English. Many desktop

publishing packages and web page editors now use Lorem Ipsum as their default model

text, and a search for 'lorem ipsum' will uncover many web sites still in their

infancy. Various versions have evolved over the years, sometimes by accident, sometimes

on purpose (injected humour and the like). Where does it come from?Contrary to popular

belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical

Latin literature from 45 BC, making it over 2000 years old. Richard McClintock,

a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more

obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through

the cites of the word in classical literature, discovered the undoubtable source.

Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum"

(The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise

on the theory of ethics, very popular during the Renaissance. The first line of

Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those

interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by

Cicero are also reproduced in their exact original form, accompanied by English

versions from the 1914 translation by H. Rackham. Lorem Ipsum is simply dummy text

of the printing and typesetting industry. Lorem Ipsum has been the industry's standard

dummy text ever since the 1500s, when an unknown printer took a galley of type and

scrambled it to make a type specimen book. It has survived not only five centuries,

but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem

Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker

including versions of Lorem Ipsum. Why do we use it?It is a long established fact

that a reader will be distracted by the readable content of a page when looking

at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal

distribution of letters, as opposed to using 'Content here, content here', making

it look like readable English. Many desktop publishing packages and web page editors

now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum'

will uncover many web sites still in their infancy. Various versions have evolved

over the years, sometimes by accident, sometimes on purpose (injected humour and

the like). Where does it come from?Contrary to popular belief, Lorem Ipsum is not

simply random text. It has roots in a piece of classical Latin literature from 45

BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney

College in Virginia, looked up one of the more obscure Latin words, consectetur,

from a Lorem Ipsum passage, and going through the cites of the word in classical

literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32

and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by

Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very

popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor

sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum

used since the 1500s is reproduced below for those interested. Sections 1.10.32

and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in

their exact original form, accompanied by English versions from the 1914 translation

by H. Rackham. Lorem Ipsum is simply dummy text of the printing and typesetting

industry. Lorem Ipsum has been the industry's standard dummy text ever since the

1500s, when an unknown printer took a galley of type and scrambled it to make a

type specimen book. It has survived not only five centuries, but also the leap into

electronic typesetting, remaining essentially unchanged. It was popularised in the

1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more

recently with desktop publishing software like Aldus PageMaker including versions

of Lorem Ipsum. Why do we use it?It is a long established fact that a reader will

be distracted by the readable content of a page when looking at its layout. The

point of using Lorem Ipsum is that it has a more-or-less normal distribution of

letters, as opposed to using 'Content here, content here', making it look like readable

English. Many desktop publishing packages and web page editors now use Lorem Ipsum

as their default model text, and a search for 'lorem ipsum' will uncover many web

sites still in their infancy. Various versions have evolved over the years, sometimes

by accident, sometimes on purpose (injected humour and the like). Where does it

come from?Contrary to popular belief, Lorem Ipsum is not simply random text. It

has roots in a piece of classical Latin literature from 45 BC, making it over 2000

years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,

looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,

and going through the cites of the word in classical literature, discovered the

undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus

Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.

This book is a treatise on the theory of ethics, very popular during the Renaissance.

The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line

in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced

below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum

et Malorum" by Cicero are also reproduced in their exact original form, accompanied

by English versions from the 1914 translation by H. Rackham.

</ContentTemplate>

<ContentPane Scrollable="auto" >

</ContentPane>

<Style Height="25px">

</Style>

</igtab:Tab>

<igtab:Tab Text="Bulletins">

<Style Height="25px">

</Style>

</igtab:Tab>

<igtab:Tab Text="Agenda Bills">

<Style Height="25px">

</Style>

</igtab:Tab>

<igtab:Tab Text="Public Hearings">

<Style Height="25px">

</Style>

</igtab:Tab>

</Tabs>

<RoundedImage FillStyle="LeftMergedWithCenter" />

<SelectedTabStyle>

</SelectedTabStyle>

<DefaultTabStyle Height="25px">

</DefaultTabStyle>

</igtab:UltraWebTab>

Parents
  • 24497
    posted

    Hi,

    When tabs on left or right sides and overall height of tabs is smaller than height of control, then under XHTML tabs may fail to keep their heights and browser may streatch tabs to the whole height of control. In this case background images, which are alligned to top/bottom, may create confusing appearance. UltraWebTab tries to get around with a filler-td, but it is not able to calculated exact pixel height of that filler, so it uses 5%. Unfortunately in most cases it is not enough.

    To get around that problem, application should add a dummy-filler TabSeparator and set its Style.Height (application should experiment with its exact value). For example, add

    <igtab:TabSeparator>
      <
    Style Height="250px"></Style>
    </
    igtab:TabSeparator>

Reply Children
No Data