When setting the height and width of an Image component, this settings get rendered as "old style" tags attributes, as in:
<img height="10" width="10">
This causes issues with any libraries expecting dimensions to be set via CSS styles. For example including the Twitter Bootstrap library in a project causes all the images to be shown with wrong dimensions in IE.
To fix that you have to manually set an inline style via the Style tab in Appway, obtaining:
<img height="10" width="10" style="height: 10px; width: 10px;">
I think it could be a good idea to improve the Image component by rendering the Style attribute as well according to the dimensions settings.
What do you think?
<img height="10" width="10">
This causes issues with any libraries expecting dimensions to be set via CSS styles. For example including the Twitter Bootstrap library in a project causes all the images to be shown with wrong dimensions in IE.
To fix that you have to manually set an inline style via the Style tab in Appway, obtaining:
<img height="10" width="10" style="height: 10px; width: 10px;">
I think it could be a good idea to improve the Image component by rendering the Style attribute as well according to the dimensions settings.
What do you think?
Cheers,
Giorgio