JavaScript Input

Set the rtl property of the jqxInput. Author: http://jqwidgets.com

by mogador

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<input type="text" id="input" />
<button id="btn_change">
  change align and size
</button>

CSS

.jqx-rtl {
  direction: rtl !important;
}

JavaScript

$("#input").jqxInput({width:50, rtl:false});

$("#btn_change").click(function() {
  $("#input").jqxInput({
    width:100, rtl:true
  })
});