Sliding pane Title text upside down

0 Answers 51 Views
Splitter
yuki
Top achievements
Rank 2
Iron
Iron
Iron
yuki asked on 12 Apr 2023, 04:22 AM

I don't know why the title text of sliding pane is upside down. This sliding pane is a 'left-to-right' pane, so the titel text should be facing left.

Can someone help me?


<div>
        <telerik:RadSplitter runat="server" ID="splitter" Width="1500px" Height="1000px" Orientation="Vertical" RenderMode="Lightweight">
            <telerik:RadPane runat="server" ID="Pane1" Scrolling="None" Width="22px">
                <telerik:RadSlidingZone runat="server" ID="SlidingZone1" Width="22px" SlideDirection="Right">
                    <telerik:RadSlidingPane runat="server" ID="SlidingPane1" Width="600px" EnableDock="false" EnableResize="false" Title="Input Control">
                        <div style="padding:5px;">
                            <table>
                                <tr>
                                    <td style="width:150px; text-align:left; vertical-align:text-bottom">
                                        <telerik:RadLabel runat="server" ID="InputNodeLabel" AssociatedControlID="InputNodeDropDownList" Text="Input Node:"></telerik:RadLabel>
                                    </td>
                                    <td>
                                        <telerik:RadDropdownList runat="server" ID="InputNodeDropDownList" DefaultMessage="Select..." DropDownHeight="300px" DropDownWidth="200px" EnableVirtualScrolling="true">
                                        </telerik:RadDropdownList>
                                    </td>
                                    <td>
                                        <telerik:RadLabel runat="server" ID="ShowNode"></telerik:RadLabel>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width:150px; text-align:left; vertical-align:text-bottom">
                                        <telerik:RadLabel runat="server" ID="InputLevelLabel" AssociatedControlID="InputLevlTextBox" Text="Input Level:"></telerik:RadLabel>
                                    </td>
                                    <td>
                                        <telerik:RadTextBox runat="server" ID="InputLevelTextBox" Width="200px" EmptyMessage="Please type here..."></telerik:RadTextBox>
                                    </td>
                                    <td>
                                        <telerik:RadLabel runat="server" ID="ShowLevel"></telerik:RadLabel>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <telerik:RadLabel runat="server" ID="InputDirectionLabel" AssociatedControlID="InputDirectionComboBox" Text="Choose Direction:"></telerik:RadLabel>
                                    </td>
                                    <td>
                                        <telerik:RadComboBox runat="server" ID="InputDirectionComboBox" >
                                            <Items>
                                                <telerik:RadComboBoxItem Selected="true" Value="DefaultSelect" Text="(Select...)" />
                                                <telerik:RadComboBoxItem Value="Forward" Text="Forward" />
                                                <telerik:RadComboBoxItem Value="Backward" Text="Backward"/>
                                            </Items>
                                        </telerik:RadComboBox>
                                    </td>
                                    <td>
                                        <telerik:RadLabel runat="server" ID="ShowDirection"></telerik:RadLabel>
                                    </td>
                                </tr>
                                <tr>
                                    <td><br /></td>
                                </tr>
                                <tr>
                                    <td>
                                        <telerik:RadButton runat="server" ID="Apply1" Text="Apply" Width="100px" AutoPostBack="true" OnClick="Apply1_Click"></telerik:RadButton>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </telerik:RadSlidingPane>
                    <telerik:RadSlidingPane ID="SlidingPane2" runat="server" Width="600px" Title="test">
                        Test pane content
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
            <telerik:RadPane runat="server" ID="Pane2" Scrolling="None" >
                <telerik:RadDiagram runat="server" ID="test_diagram" Width ="100%" Height="1000"  ZoomRate="1" ZoomMax="1">
                    <LayoutSettings Enabled="true" Type="Tree" Subtype="Right" />
                </telerik:RadDiagram>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>

Rumen
Telerik team
commented on 12 Apr 2023, 12:06 PM

Hi Yuki,

Can you remove the EnableVirtualScrolling="true" from the dropdownlist declaration and test again?

You can also try to replace the dropdownlist with radcombobox and see if it works, e.g.

<td>
    <telerik:RadComboBox runat="server" ID="InputNodeDropDownList" DefaultMessage="Select..." EnableVirtualScrolling="true">
    </telerik:RadComboBox>
</td>

No answers yet. Maybe you can help?

Tags
Splitter
Asked by
yuki
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or