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

[Solved] Expand/Collapse arrow Display

1 Answer 287 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Uma
Top achievements
Rank 1
Uma asked on 17 Dec 2010, 06:38 PM
Hi,
Is it possible to display the Expand/Collapse arrow on the left side? I'm not looking for RTL support, just want to display the arrow on leftside instead of right side.
Below is the script that generates for each item in panel bar. Here 'Employee' is the item name.

<ul class="t-widget t-panelbar t-reset" id="SearchPanelBar"><li class="t-item t-state-active"><a class="t-link t-header" href="#SearchPanelBar-1">Employee<span class="t-icon t-arrow-up t-panelbar-collapse"></span></a><div class="t-content" id="SearchPanelBar-1">

Want to change the script like this...
The <span> tag should come before the item name.

<ul class="t-widget t-panelbar t-reset" id="SearchPanelBar"><li class="t-item t-state-active"><a class="t-link t-header" href="#SearchPanelBar-1"><span class="t-icon t-arrow-up t-panelbar-collapse"></span>Employee</a><div class="t-content" id="SearchPanelBar-1">

Not sure where can i change the generated script, Is it possible? Thanks in advance.

Regards,
Uma

1 Answer, 1 is accepted

Sort by
0
Love
Top achievements
Rank 1
answered on 18 Feb 2011, 09:25 PM
Instead of modifying telerik theme .css file, in my own .css file I put following code which will hide telerik panel bar up/down arrow

.t-panelbar .t-arrow-up
{
    displaynone;
}

.t-panelbar .t-arrow-down
{
    displaynone;
}

I think this should give you idea how to manipulate. I posted similar question about 3-4 days ago, but no reply. I learned on my own.
Tags
PanelBar
Asked by
Uma
Top achievements
Rank 1
Answers by
Love
Top achievements
Rank 1
Share this question
or