{"id":131,"date":"2016-11-18T07:49:59","date_gmt":"2016-11-18T05:49:59","guid":{"rendered":"http:\/\/geekinto.com\/?p=131"},"modified":"2016-11-18T08:20:49","modified_gmt":"2016-11-18T06:20:49","slug":"oracle-apex-how-to-change-theme-template-to-support-rtl-arabic-language","status":"publish","type":"post","link":"https:\/\/howoracleapex.com\/?p=131","title":{"rendered":"Oracle APEX | How to change theme template to support RTL [Arabic Language]"},"content":{"rendered":"<p>Welcome Apex lovers ,<\/p>\n<p><strong>How to change theme template to support RTL [Arabic Language]<\/strong><br \/>\n<span style=\"text-decoration: underline;\">Apex version: <strong>5<\/strong><\/span><br \/>\n<span style=\"text-decoration: underline;\">Theme number: <strong>42<\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<blockquote><p>Basically you must learning CSS OR Basic of CSS language to can edit any Apex template.<br \/>\nNow i helping you to change Apex template theme to support Arabic language [RTL].<\/p><\/blockquote>\n<h2><strong>Now watching &amp; Apply<br \/>\n<\/strong><\/h2>\n<div class=\"video-container\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/qrhmczF757A?feature=oembed&#038;wmode=opaque\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<h2><strong>\u00a0<\/strong><\/h2>\n<p><em><strong>Standard page template CSS code:<\/strong><\/em><\/p>\n<pre class=\"lang:css decode:true \">\/* Arabic Font *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Droid Arabic Kufi');\r\nbody{\r\nfont-family: Droid Arabic Kufi !important;\r\n}\r\n\r\n\/*  Regions *\/\r\n.col, .t-Form-labelContainer {\r\n\tfloat: right !important;\r\n}\r\n.t-Region-headerItems--buttons {\r\n    text-align: left !important;\r\n}\r\n.t-Region-headerItems--title {\r\n    text-align: right !important;\r\n}\r\n.t-Button--navBar .t-Icon.fa {\r\n    margin-left: 4px;\r\n}\r\n.t-Region-title {\r\n    font-weight: 500;\r\n}\r\n.t-Region-headerItems--controls {\r\n    padding-right: .8rem;\r\n}\r\n.a-IRR-controls {\r\n    float:right;\r\n}\r\n.a-IRR-buttons{\r\n    float:left;\r\n}\r\n.t-Alert--horizontal .t-Alert-buttons, .t-Alert--horizontal .t-Alert-content, .t-Alert--horizontal .t-Alert-icon {\r\n    display: table-cell;\r\n    padding: 16px 16px 16px 16px;\r\n    vertical-align: middle;\r\n}\r\n\r\n\/* IR *\/\r\n.a-IRR-header.a-IRR-header--group {\r\n    text-align: right;\r\n}\r\n.a-IRR-table td {\r\n    padding: 4px !important;\r\n}\r\n.t-Form-inputContainer, .t-Form-inputContainer.col, .t-Form-labelContainer, .t-Form-labelContainer.col {\r\n    padding: .2rem !important;\r\n}\r\n.a-MenuBar.u-RTL .a-MenuBar-item.a-Menu--split&gt;.a-Menu-subMenuCol {\r\n    border-left: 0px solid;\r\n    border-right: none;\r\n}\r\n.t-Report-wrap {\r\n    float: right;\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p><em><strong>Modal Dialog page template CSS code:<\/strong><\/em><\/p>\n<pre class=\"lang:css decode:true\">\/* Arabic Font *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Droid Arabic Kufi');\r\nbody{\r\nfont-family: Droid Arabic Kufi !important;\r\n}\r\n\r\n\/*  All Regions *\/\r\n.col, .t-Form-labelContainer {\r\n\tfloat: right !important;\r\n}\r\n.t-ButtonRegion-col--content, .t-ButtonRegion-col--left .t-ButtonRegion-buttons, .t-ButtonRegion-col--right .t-ButtonRegion-buttons {\r\n    padding: 16px 16px 16px 16px; \r\n}\r\n.t-Button + .t-Button {\r\n    margin-right: .4rem;\r\n}\r\n.t-Region-headerItems--title {\r\n    text-align: right;\r\n    padding: 1.6rem 1.2rem;\r\n}\r\n.a-IRR-header--group{\r\n    text-align: right;\r\n}\r\n\r\n\r\n\/* Form*\/\r\nt-Form-checkboxLabel, .t-Form-inputContainer .checkbox_group label, .t-Form-inputContainer .radio_group label, .t-Form-label, .t-Form-radioLabel, .t-Form-required {\r\n    float: right !important;\r\n}\r\n.t-Form-inputContainer, .t-Form-inputContainer.col, .t-Form-labelContainer, .t-Form-labelContainer.col {\r\n    padding: .2rem;\r\n}\r\n.ui-dialog-title{\r\n    direction:rtl;\r\n}\r\n\r\n\/* report*\/\r\n.t-Report-wrap {\r\n    float: right;\r\n}\r\n<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome Apex lovers , How to change theme template to support RTL [Arabic Language] Apex version: 5 Theme number: 42 &nbsp; Basically you must learning CSS OR Basic of CSS language to can edit&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,15,2],"tags":[],"class_list":["post-131","post","type-post","status-publish","format-standard","hentry","category-apex","category-css","category-oracle"],"_links":{"self":[{"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/posts\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=131"}],"version-history":[{"count":5,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/posts\/131\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=\/wp\/v2\/posts\/131\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/howoracleapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howoracleapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}