How to set the language (RTL/LTR) ?

Undraw My Documents


In ComboStrap, you can define a language:


The language is identified by a language identifier value known as the lang metadata.

It is a 2 letters code that follows the ISO 639-2 specification .



The language identifier is used:

  • in the locale to localize the page for external social third party
  • by the rendering engine to set the language and layout direction.


Each language has an intrinsic value that is known as the direction.

Direction Value Direction Name Description Supported
LTR left to right You read the text from left to right (Example: English) Yes
RTL right to left You read the text from right to left (Example: Arabic) Yes with the default bootstrap theme
TTB top-to-bottom You read the text from top to bottom (Example: Chinese) No


We have created a page in arabic that has a language direction from right-to-left (rtl) See the demo page: صفحة مكتوبة باللغة العربية

As bootswatch does not support yet RTL languages, you need to set your Bootstrap version at minimal to 5 with the bootstrap theme.

Example with the version 5.01 - bootstrap:


Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
Undraw Animating
How to align a text ?

This howto will show you how you can align your text. With ComboStrap, text alignment is only defined via the align attribute. There is three possible alignement: , ie left for a left-to-right...
How to format a date ?

This page shows you how to format a date.

Recommended Pages
Undraw File Analysis 8k9b
All the metadatas that you can set for your pages

Page Metadata are page configuration. They are also known as: semantic data. or structured data The metadata can be seen and modified via the Metadata Manager. There is two groups of metadata:...
Strap Toolbar
ComboStrap - Railbar

The railbar is a layout element that shows a navigation rail with all devel:menusmenus actions: the page actions (Create / Edit / Show / Backlinks / Old Revisions / BackToTop) the user actions (Login...
Spacing Margin Padding
ComboStrap Styling - Spacing (Margin, Padding)

spacing is the definition of the margin and padding between block component where: margin is a transparent space outside the box (not filled with the background color) padding is the space inside...
Undraw My Documents
How the locale meta is calculated

The locale is the concatenation of a language and country identifier. This page explains how ComboStrap handles it.
Tweet Embeded Tweet
How to embed a tweet in your ComboStrap pages

This article shows you the tweet web component and how you can use it to embed a tweet in your pages
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Page Language Metadata Manager
The Page Language

You can set the language of a specific page with the page metadata manager The default value is the application language. This is also the default language for all language component.
Interface Language
The application Language

You can set the language for your whole application with the config:lang configuration. This is the default language for all text of your application: for the language page for the language component...
Undraw My Documents
The language attribute: How to set the language for a text

The language permits to set the language at a words level and to write multi-language pages.

Task Runner