Problem with ScrollChildren in RTL

[mamad]

hi,
i have a problem with rad tab strip,
when i set scrollchildren = true , scroll bottom show on my page but do not work
please help me to fix this problem

<telerik:RadTabStrip ID="RadTabStripNRegisterEstate"
MultiPageID="RadMultiPageNRegisterEstate"  ScrollChildren="true"
 Width="300px" ScrollButtonsPosition="Left"  ScrollPosition="0"
 EnableEmbeddedSkins="False" SelectedIndex="0" runat="server"
    ontabclick="RadTabStripNRegisterEstate_TabClick" >
    <Tabs>
        <telerik:RadTab Text="همه" Value="-1">
        </telerik:RadTab>

        <telerik:RadTab Text="خرید" Value="0">
        </telerik:RadTab>

        <telerik:RadTab Text="فروش" Value="1">
        </telerik:RadTab>

        <telerik:RadTab runat="server" Text="رهن" Value="2">
        </telerik:RadTab>

        <telerik:RadTab runat="server" Text="اجاره" Value="3">
        </telerik:RadTab>

        <telerik:RadTab runat="server" Text="رهن و اجاره" Value="4">
        </telerik:RadTab>

        <telerik:RadTab runat="server" Text="معاوضه" Value="5">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

[mamad]

please any one help me for this problem

[Yana]

Hello mamad,

This code is not enough for us to reproduce the issue. Which skin are you using? Can you send us a live demonstrating the problem?

Kind regards,
Yana
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.

[mamad]

i have a custom skin for all rad control and tabstrip

.RadTabStrip,
.RadTabStripVertical
{
    margin: 0;
    padding: 0;
}

.RadTabStripVertical
{
    vertical-align: top;
}

.RadTabStripVertical,
.RadTabStripVertical .rtsLevel
{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.RadTabStripVertical .rtsLevel
{
    height: 100%;
    float: left;
}

* html .RadTabStripVertical .rtsLevel
{
    width: 150px; /* Width is needed for IE6 to show the vertical RadTabStrip properly. */
}

.RadTabStrip .rtsLevel
{
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-top: 1px;
}

* html .RadTabStrip .rtsLevel
{
    position:static;
}

*+html .RadTabStrip .rtsLevel
{
    position:static;
}

.RadTabStrip .rtsLevel1
{
    padding-top: 0;
}

.RadTabStrip .rtsScroll
{
    width: 10000px;
    whitewhite-space:nowrap;
}

.RadTabStrip .rtsUL,
.RadTabStripVertical .rtsUL
{
    overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
}

.RadTabStrip_rtl .rtsUL
{
    float: rightright;
}

.RadTabStrip .rtsUL:after
{
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.RadTabStrip .rtsLI,
.RadTabStripVertical .rtsLI
{
    overflow: hidden;
    list-style-type: none;
    margin: 0; padding: 0;
}

.RadTabStrip .rtsLI
{
    float: left;
    display: inline;
    zoom: 1;
}

* html .RadTabStrip .rtsLI { float: none; }
*+html .RadTabStrip .rtsLI { float: none; }

.RadTabStrip .rtsSeparator,
.RadTabStripVertical .rtsSeparator
{
    height: 26px;
}

.RadTabStrip .rtsLink,
.RadTabStripVertical .rtsLink
{
    display: block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    whitewhite-space: nowrap;
    padding-left: 9px;
}

.RadTabStrip .rtsLink
{
    text-align: center;
}

.RadTabStripVertical .rtsLink
{
    text-align: rightright;
}

/* Opera & IE8 bozos do not inherit text-decoration */
.RadTabStrip .rtsLevel .rtsOut,
.RadTabStrip .rtsLevel .rtsIn,
.RadTabStrip .rtsLevel .rtsTxt { text-decoration: inherit; }

.RadTabStrip .rtsOut,
.RadTabStripVertical .rtsOut
{
    display: block;
    padding-right: 9px;
}

.RadTabStrip .rtsIn,
.RadTabStripVertical .rtsIn
{
    display: block;
    padding: 0 5px;
}

.RadTabStrip .rtsImg,
.RadTabStripVertical .rtsImg
{
    border: 0;
    margin-top: -2px;
    vertical-align: middle;
}

.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt
{
    display: inline-block;
}

.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt
{
    padding: 0 5px;
}

.RadTabStrip .rtsDisabled,
.RadTabStripVertical .rtsDisabled
{
    cursor: default;
}

.RadTabStrip .rtsPrevArrow,
.RadTabStrip .rtsNextArrow,
.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled,
.RadTabStripVertical .rtsPrevArrow,
.RadTabStripVertical .rtsNextArrow,
.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled
{
    margin-top: 5px;
    height: 18px;
    width: 18px;
    font-size: 0;
    line-height: 18px;
    text-indent:-9999px;
    overflow: hidden;
    outline: 0;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled,
.RadTabStrip .rtsPrevArrow,
.RadTabStrip .rtsNextArrow
.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled,
.RadTabStripVertical .rtsPrevArrow,
.RadTabStripVertical .rtsNextArrow
{
    display: block;
}

.RadTabStrip .rtsPrevArrow { background-position: 0 -208px; }
.RadTabStrip .rtsNextArrow { background-position: -18px -208px; }
.RadTabStrip .rtsPrevArrow:hover { background-position: -36px -208px; }
.RadTabStrip .rtsNextArrow:hover { background-position: -54px -208px; }
.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsPrevArrowDisabled:hover { background-position: -72px -208px; }
.RadTabStrip .rtsNextArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled:hover { background-position: -90px -208px; }

.RadTabStripVertical .rtsPrevArrow { background-position: 0 -228px; }
.RadTabStripVertical .rtsNextArrow { background-position: -18px -228px; }
.RadTabStripVertical .rtsPrevArrow:hover { background-position: -36px -228px; }
.RadTabStripVertical .rtsNextArrow:hover { background-position: -54px -228px; }
.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsPrevArrowDisabled:hover { background-position: -72px -228px; }
.RadTabStripVertical .rtsNextArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled:hover { background-position: -90px -228px; }

.RadTabStrip .rtsCenter
{
    text-align: center;
}

.RadTabStrip .rtsImg
{
    border: none;
}
.RadTabStrip .rtsImg+.rtsTxt { display: -moz-inline-box; display: inline-block; }
.RadTabStrip .rtsTxt { display: inline-block; }

.RadTabStrip .rtsRight .rtsUL
{
    float:rightright;
}

.RadTabStrip .rtsCenter .rtsUL
{
    display: -moz-inline-box;
    display: inline-block;
    float: none;
}

.RadTabStrip .rtsBreak
{
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    clear: left;
    overflow: hidden;
}

* html .RadTabStrip .rtsCenter .rtsUL { display: inline-block; }
* html .RadTabStrip .rtsCenter .rtsUL { display: inline; }

*+html .RadTabStrip .rtsCenter .rtsUL { display: inline-block; }
*+html .RadTabStrip .rtsCenter .rtsUL { display: inline; }

.RadTabStrip_rtl .rtsLI
{
    float:rightright;
}

* html .RadTabStrip_rtl .rtsLI
{
    float:none;
}

*+html .RadTabStrip_rtl .rtsLI
{
    float:none;
}

@media screen and (min-width:50px)
{
    :root .RadTabStripHorizontal .rtsScroll
    {
        width: auto;
    }

    :root .RadTabStripHorizontal .rtsScroll .rtsLI
    {
        float:none;
        display: inline-block;
    }

    :root .RadTabStripVertical .rtsScroll .rtsLI
    {
        float:none;
    }
}

.RadTabStripVertical .rtsLink,
.RadTabStripVertical .rtsLI .rtsDisabled:hover { background-position: 0 0; }
.RadTabStripVertical .rtsLink:hover { background-position: 0 -200px; }
.RadTabStripVertical .rtsSelected,
.RadTabStripVertical .rtsSelected:hover { background-position: 0 -400px; }

.RadTabStripVertical .rtsLI
{
/*  display: block;*/
}

* html .RadTabStripVertical .rtsLI
{
    display: inline;
}

*+html .RadTabStripVertical .rtsLI
{
    display: inline;
}

.RadTabStripVertical .rtsSeparator
{
    display: block;
    height: 2px;
}

* html .RadTabStripVertical .rtsSeparator
{
    line-height: 0;
    font-size: 0;
}

*+html .RadTabStripVertical .rtsSeparator
{
    line-height: 0;
    font-size: 0;
}

* html .RadTabStripVertical .rtsLevel
{
    overflow: hidden;
}

*+html .RadTabStripVertical .rtsLevel
{
    overflow: hidden;
}

[mamad]

please help me for this problem ,
that's important for me to use tap strip

[Yana]

Hi Mamad,

The provided css is not enough for us to observe the issue, please send us a live url.

Regards,
Yana
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.

[mamad]

i have not any live URL for this project,
i just have local example ,
please tell me what thing you need , until i send those for you

[Yana]

Hi mamad,

It will be very helpful if you could isolate this issue in a simple page and send it to us so that we to be able to reproduce the issue.

Kind regards,
Yana
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.

[mamad]

ok , sure i send that for you
bellow is my simple project that have this problem with tap strip

simple project of my problem
http://rapidshare.com/files/381479583/RadControlsWebSite2.rar.html

[mamad]

any one can't hel me to resolve this problem?

[Yana]

Hi Mamad,

Thank you for preparing the project. This is obviously an issue in the tabstrip which will be addressed.
Thank you for reporting it, you can find your points updated.

Kind regards,
Yana
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.

[mamad]

thank's for your answer ,
if you can , when problem resolve alarm to me
thank you alot

[Dan]

I am having the same problem.  Has this been fixed in the latest release?

Thanks.
Dan

[Helen]

Hi Dan,

Could you please open a support ticket and send us a sample project which demonstrates the exact issue to examine it locally?

Otherwise we made many changes regarding the RTL support in the latest releases.

Regards,
Helen
the Telerik team