i’m developing a multi language application that supports RTL languages like Persian, Arabic , …
according to documentation on framework7:
To enable RTL mode you simply need to include CSS file with RTL styles instead of usual one and add
But it is not enough cause you will see misbehavior on couple of components like toolbar and tabs, for example the tab-link-highlight span in toolbar component acts strange and tabs will not be visible on switching between them.
after i dived into the code i found the author checks app.rtl every where he wants to make decision on RTL layout, therefor you need to set app.rtl = true too!
i think the information for RTL Layout in docs are not detailed enough!