I need to change the direction of the page to be right to left
how can i do that
I build my page using ADF UIX components
This is the source code of my page
<?xml version = '1.0' encoding = 'windows-1252'?>
<page xmlns="http://xmlns.oracle.com/uix/controller"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
xmlns:html="http://www.w3.org/TR/REC-html40" expressionLanguage="el"
xmlns:myTemplate="selfservice">
<templates xmlns="http://xmlns.oracle.com/uix/ui">
<templateImport source="mainTemplate.uit"/>
</templates>
<content>
<dataScope xmlns="http://xmlns.oracle.com/uix/ui">
<provider>
<!-- Add DataProviders (<data> elements) here -->
</provider>
<contents>
<document >
<metaContainer>
<!-- Set the page title -->
<head title="General Manager"/>
</metaContainer>
<contents>
<body>
<contents>
<form name="form0">
<contents>
<myTemplate:SelfService title="General Manager">
<contents/>
<tabs/>
<pageButtons/>
<globalButtons/>
<pageHeader/>
<start/>
<end/>
<about/>
<copyright/>
<privacy/>
<corporateBranding/>
<productBranding/>
</myTemplate:SelfService>
<formValue name="${bindings.statetokenid}" value="${bindings.statetoken}" id="_uixState"/>
<table model="${bindings.HrsVEmpPhonesView1}" id="HrsVEmpPhonesView13" partialRenderMode="multiple" partialTargets="_uixState" showAll="yes" width="900">
<contents>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'EmpNameAr')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.EmpNameAr}" columns="10" readOnly="true" onMouseOver=""showTooltip(event,'This is a tooltip with a transparent shadow effect. Can you see the letters underneath the shadow?');return false""/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'JobDescr')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.JobDescr}" columns="10" readOnly="true"/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'PhoneExt')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.PhoneExt}" columns="10" readOnly="true"/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'CntCellPhone')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.CntCellPhone}" columns="10" readOnly="true"/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'CntHomePhone')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.CntHomePhone}" columns="10" readOnly="true"/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'IaigcEmail')}"/>
</columnHeader>
<contents>
<textInput model="${uix.current.IaigcEmail}" columns="10" readOnly="true" />
</contents>
</column>
</contents>
<tableSelection/>
</table>
</contents>
</form>
</contents>
</body>
</contents>
</document>
</contents>
</dataScope>
</content>
<handlers>
<!-- Add EventHandlers (<event> elements) here -->
<event name="goto sort" source="HrsVEmpPhonesView13">
<invoke method="handleTableUiEvent" javaType="oracle.cabo.adf.rt.AdfUtils">
<parameters>
<parameter javaType="oracle.adf.model.binding.DCIteratorBinding" value="${bindings.HrsVEmpPhonesView1Iterator}"/>
<parameter javaType="oracle.cabo.servlet.expl.ControllerImplicitObject" value="${uix}"/>
</parameters>
</invoke>
</event>
<event name="select" source="HrsVEmpPhonesView13">
<set target="${bindings.HrsVEmpPhonesView1Iterator}" property="currentRowIndexInRange" value="${ui:tableSelectedIndex(uix, 'HrsVEmpPhonesView13')}"/>
</event>
</handlers>
</page>