rtl issue on switchbutton

EasyUI Forum

April 26, 2024, 04:15:30 AM

Welcome, Guest. Please login or register.

News:

Home

Help

EasyUI Forum > General Category > EasyUI for jQuery > rtl issue on switchbutton

Pages: [1]

« previous next »

Author

Topic: rtl issue on switchbutton (Read 1395 times)

zombie86

Newbie

Posts: 24

rtl issue on switchbutton

« on: May 16, 2022, 11:31:52 PM »

Dear All,

I have an issue on RTL support for switchbutton as for label position mismatch and once clicked on the label the UI corrupted Sad

attached image as reference, the element of switchbutton is corrupted after clicking on label and the label itself not aligned to right as well

Note: latest version of RTL Extension is used


	Logged

jarry

Administrator
Hero Member

Posts: 2262

Re: rtl issue on switchbutton

« Reply #1 on: May 17, 2022, 07:10:50 AM »

Please try to download the newest extension from https://www.jeasyui.com/extension/rtl.php.


	Logged

zombie86

Newbie

Posts: 24

Re: rtl issue on switchbutton

« Reply #2 on: May 17, 2022, 07:39:39 AM »

am already using the latest version or RTL Extension


	Logged

jarry

Administrator
Hero Member

Posts: 2262

Re: rtl issue on switchbutton

« Reply #3 on: May 18, 2022, 12:17:33 AM »

Please look at this example. It works fine.

Code:

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>RTL - jQuery EasyUI Demo</title>  
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">  
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">  
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/easyui-rtl.css">  
    <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>  
    <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>  
    <script type="text/javascript" src="https://www.jeasyui.com/easyui/easyui-rtl.js"></script>  
</head>  
<body dir="rtl">
    <div style="margin:10px">
        <input class="easyui-switchbutton" label="Label1" labelPosition="top" style="width:150px">
    </div>
</body>  
</html>


	Logged

Pages: [1]

« previous next »