Tersus: Re: rtl problem

Re: rtl problemDate: Nov 14, 2012Tags:CSSHi,I attach a small Tersus project that shows both ltr and rlt layouts, various vertical alignments, and background images stretched to cover the whole available space:

CSS.tersus.The CSS rules I used are defined in the web/theme.css file.Note that the two panes (Left to Right and Right to Left) have exactly the same child elements. They differ because one of them is ltr and the other is rtl, and because the 'Init Bilingual Display' process initiates their label captions differently.Also note the usage of CSS style classes in the html.styleClass property of each relevant display element:

View (the top display element): full-width

Left to Right: ltr side-pane almost-half-width with-border

Right to Left: rtl side-pane almost-half-width with-border

Grid: grid with-margins with-border

Top Allign Row: alignTop

Middle Allign Row: alignMiddle

Empty Pane: with-margins with-border my-background

If you run the project, you'll get the following:

Regards,OferSee Also:

To use the full functionality of this web site, JavaScript needs to be turned on.

For best results, use the Firefox browser..

Loading ...