|
|
Rank: Advanced Member
Groups: Member
Joined: 6/5/2007
Posts: 35
|
I have tried numerous things to try and clean up the tabstrip appearance but without success. I'm hoping you can also see the poor appearance on the left and right sides of each tab. Interestingly when a tab is disabled the grey background appears to fill the tab outline completely and does not leave side shadows. The html for the tabstrip is as follows:
Code: C#
<eo:TabStrip ID="tsSeekerRegistration" runat="server" ControlSkinID="None" MultiPageID="mpSeekerRegistration"
TopLevelItemAlign="None" Width="100%"
RaisesServerEvent="True" onitemclick="tsSeekerRegistration_ItemClick"cmt:1a3914b6-1486-48db-bc30-43d435c4de1d--
<LookItems>
<eo:TabItem ItemID="_TopGroup" LeftIcon-SelectedUrl="00010605" LeftIcon-Url="00010604"
RightIcon-SelectedUrl="00010607" RightIcon-Url="00010606"cmt:d65b9dc5-5237-4c08-9f8f-b1b3646596f1--
<SubGroup ItemSpacing="5" Style-CssText=""cmt:144efa1d-816b-46a4-810b-90d937307857--
</SubGroup>
</eo:TabItem>
<eo:TabItem ExpandedStyle-CssText="background-color:#00a4e3;color:black;font-weight:normal;"
Height="21" ItemID="_TopLevelItem" LeftIcon-SelectedUrl="00010605" LeftIcon-Url="00010604"
NormalStyle-CssText=";background-repeat:repeat;background-color:#00a4e3;background-image:url('00010300');background-repeat:repeat;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:white;font-weight:normal;"
RightIcon-SelectedUrl="00010607" RightIcon-Url="00010606" SelectedStyle-CssText="background-color:#00a4e3;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:black;"
Text-Padding-Bottom="2" Text-Padding-Top="1"
DisabledStyle-CssText="background-color:#999999;background-repeat:repeat;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:white;font-family:Arial;font-weight:normal;"cmt:b399f699-f303-4f3d-b6cf-ccd460d35f68--
<SubGroup ItemSpacing="10" Style-CssText="background-color:#00a4e3;background-position-y:bottom;background-repeat:repeat;border-bottom-color:black;border-bottom-style:solid;border-bottom-width:10px;border-left-color:black;border-left-style:solid;border-left-width:10px;border-right-color:black;border-right-style:solid;border-right-width:10px;border-top-color:black;border-top-style:solid;border-top-width:10px;color:white;cursor:hand;font-family:Arial, Helvetica, sans-serif;font-size:11px;"cmt:baf64991-f193-4be0-97c0-583dd400f832--
</SubGroup>
</eo:TabItem>
<eo:TabItem Image-Url="00010601" Image-Width="10" IsSeparator="True" ItemID="_Separator"
NormalStyle-CssText="background-color:#FFFFFF;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:0px;border-left-color:white;border-left-style:solid;border-left-width:10px;border-right-color:white;border-right-style:solid;border-right-width:10px;border-top-color:white;border-top-style:solid;border-top-width:0px;margin-left:50px;margin-right:50px;"cmt:fcfe6b9d-4ed7-4cf6-afd9-6e2b00bfc220--
</eo:TabItem>
<eo:TabItem Height="21" ItemID="_Default" LeftIcon-SelectedUrl="00010605" LeftIcon-Url="00010604"
NormalStyle-CssText="background-color:#00a4e3;background-repeat:repeat;color:white;font-family:Arial;font-weight:normal;"
RightIcon-SelectedUrl="00010607" RightIcon-Url="00010606" SelectedStyle-CssText="background-color:#00a4e3;color:black;font-weight:bold;"
Text-Padding-Bottom="2" Text-Padding-Top="1"
DisabledStyle-CssText="background-color:#999999;background-repeat:repeat;color:white;font-family:Arial;font-weight:normal;"cmt:fed032de-de62-4e64-b2d6-7afc300f1016--
<SubGroup ItemSpacing="1" Style-CssText="background-image:url(00010601);background-position-y:bottom;background-repeat:repeat-x;color:black;cursor:hand;font-family:Verdana;font-size:12px;"cmt:16a935ed-157a-47a1-a6da-28ed5d6b85a8--
</SubGroup>
</eo:TabItem>
</LookItems>
<TopGroup Orientation="Horizontal" Style-CssText="border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;border-right-style:none;border-right-width:0px;border-top-style:none;border-top-width:0px;"cmt:f28c44c6-6636-4a2f-8961-cfaebcce4073--
<Items>
<eo:TabItem Text-Html="Resume Upload"cmt:11e77732-a29c-4369-bd45-183ede8ec273--
</eo:TabItem>
<eo:TabItem Text-Html="Login"cmt:d22e0656-acad-4995-86c4-d3dd96a8edaa--
</eo:TabItem>
<eo:TabItem Text-Html="Contact Information"cmt:a2f3ed50-2977-42ed-bb16-3ad18de0a8d6--
</eo:TabItem>
<eo:TabItem Text-Html="Profile"cmt:b9144b30-8e99-4c3c-93c5-b1626b2966d3--
</eo:TabItem>
<eo:TabItem Text-Html="Job Search"cmt:e31c214e-b7e3-4988-93c4-88579248223c--
</eo:TabItem>
<eo:TabItem Text-Html="Relocation"cmt:287c759f-7fcb-4d39-bb9e-062f7eca898b--
</eo:TabItem>
</Items>
</TopGroup>
</eo:TabStrip>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
You can try to delete properties one by one and that should tell you which property triggered the problem for you.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 8/9/2012
Posts: 11
|
I have seen this when I have set a value to Look Items - _Default - Height.
Not a problem if Height is left blank but set to a larger pixel height, say 30px the image behind text seems to float high and other parts dont scale to suit.
What is the correct technique to increase the height of tabs ?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
You can try to increase the text's padding to increase the height of the tabs.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 8/9/2012
Posts: 11
|
That changes the height of the Text section just like changing the Font size.
But wich parameters should be set to say make all the tabs parts 50px high. i.e. BIG tabs ?
|
|
Rank: Advanced Member
Groups: Member
Joined: 6/5/2007
Posts: 35
|
It happens that I 'solved' the issue by simply deleting the left/right icons. I did have a height set in the default settings and the _TopLevelItems, but adding the icons back in and clearing the height out of both didn't clean up the tabs. I don't require the left/right icons so the problem is no longer an issue for me - but obviously it is an issue!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
PhilK wrote:That changes the height of the Text section just like changing the Font size.
But wich parameters should be set to say make all the tabs parts 50px high. i.e. BIG tabs ? What do you mean by "all the tabs parts"? If you meant the LeftIcon/RightIcon part, then you can't because those two parts are images and they don't scale. So if you want them to be 50px, then you just use a 50px image. Also please start a new thread for an unrelated question instead of replying on another question in the future. In this case your question is unrelated to the original question. When you and us reply your question everyone else who have replied the original thread will be notified, which can be annoying to those users. Thanks
|
|