jQuery EasyUI Extension - RTL Support
Include RTL Files
To enable RTL functionality, include the 'easyui-rtl.css' and 'easyui-rtl.js' files.
<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui-rtl.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui-rtl.js"></script>
Add RTL Attribute
Remember to add the 'dir' attribute with the value 'rtl' to the <body>
tag.
<body dir="rtl">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="Title1" style="padding:10px;">
content1
</div>
<div title="Title2" data-options="selected:true" style="padding:10px;">
content2
</div>
<div title="Title3" style="padding:10px">
content3
</div>
</div>
</body>