This is a migrated thread and some comments may be shown as answers.

[Solved] TabStrip in IE 7.0 - Gap between borders

4 Answers 70 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

4 Answers, 1 is accepted

answered on 10 Jan 2011, 03:06 PM

Hello Binu,

Thank you for reporting this issue. The problem can be fixed with the following CSS, added either in telerik.common.css or after it:

.t-tabstrip-items .t-item,

.t-panelbar .t-tabstrip-items .t-item

{

vertical-align: top;

border-width: 1px 1px 0;

padding: 0;

top: auto;

}

.t-tabstrip-items .t-state-active,

.t-panelbar .t-tabstrip-items .t-state-active,

{

padding-bottom: 1px;

margin-bottom: -1px;

}

Greetings,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 10 Jan 2011, 10:02 PM

grid-filter.png

Thanks it worked. Although I had to remove "top: auto

;" (Tested on IE 7.0).

I have another quick style related question, this time on Grid, Filter popup box. 

The text "Show rows with value that" is displayed out of the popup box 

(as observed in FireFox).

Please see attached image. Can you provide me with a quick CSS fix.



TThanks!

answered on 11 Jan 2011, 10:22 AM

Hello Binu,

We cannot reproduce the described problem locally (you can check http://demos.telerik.com/aspnet-mvc/grid/filtering?theme=outlook ) and the screenshot does not suggest why the text goes to the previous line. In case you have some custom styles on the page, which cause part of the filter popup contents to be floated or inline (instead of block-level), you can try this:

[CSS]

.t-filter-help-text
{
display: block !important;
clear:both;
}

Greetings,
Dimo
the Telerik team