Container "Align" property generating CSS class
1011
Views
5
Comments
On our RadarOn our Radar
Frontend (App Interfaces)

At this moment, when we set the "Align" property of a container, it generates the align property in the HTML.

Example:

  • Align -> Right
  • Generates: <div align="right"></div>


My proposal is to generate "system" classes the same way "OSInline" is added when a container doesn't have "Width" property set.

My suggestion is (following above example):

  • Align -> Right
  • Generates: <div class="OSAlignRight"></div>


.OSAlignRight {

    text-align: right;

}


.ar .OSAlignRight {

    text-align: left;

}


The motivation:
- I'm working in Arabic applications and it's a pain in the ass to go around that "align" property. Even after telling the whole dev team "don't use that crap, use our classes".

Please, also update the SILK UI "out-of-the-box" RTL stylesheet to override this system classes.

Feeling your pain, have my vote!

Yeah... Or make these cultures write from left to right.

2014-02-07 17-02-43
Vasco Pessanha
Changed the category to
Frontend

I can also feel your pain.

when it comes to responsive it's hard to manage with the div attributes.

Changed the status to
On our RadarOn our radar

Hi Ricardo,

Thanks. That is a good idea so we're setting it to "On our radar". 

We don't have short-term plans to work on it, but we might take another look into this in the future when we revisit multi-language support, which is something we might need to do on the medium term.

Cheers,

Tiago Simões