Using % in Layout Properties

The component seems to inject inline styles that reflect layout properties. This cause a problem for us when trying to implement a responsive page using components. I need to set the value for width to 100% but the Component insists on a "positive" value (% confuses it).

Any ideas on how to change that behavior to allow percentages --- or how to surpress the inline style generation part of the component?

Version 7.3.2 on Windows; XML/XSL components. Generating HTML5 pages

Find more posts tagged with

Comments

Rick Poulin

Responsive design will only work with fixed layouts. Freestyle works by explicitly setting widths and absolute positioning, so responsive design doesn't have a chance in ****.

With fixed layouts, the size+positioning attributes of the components are ignored. When you write your layout.xml, do NOT specify any widths. Instead, use css-class and/or html-id attributes on your layout elements, and handle everything through CSS.

Migrateduser

Thanks again Rick,

We understand the css based approach; the layout properties were getting in the way.

Fixed Layout seems "counter-intuitive" for a flexible design but it does seem to do the trick.

HighCharts in BIRT 4.5.0__cwong.rptdesign

Rick Poulin

Fixed Layout seems "counter-intuitive" for a flexible design but it does seem to do the trick.

I hear ya. Think of it as "fixed areas" instead of "fixed layout" -- strictly defined page areas with specific purposes are at the heart of any responsive design, so it kinda makes sense in that respect.