Hi,
I have a page with 3 report regions and I want to fix the width of these regions to the same value.
To achieve this I have used the below syntax in Region source "<div style="width:600px;height:250px">" and is working as desired.
But, when ever the values in the text field's have more width(ex width > 2000) the region is expanding, because of this the 3 regions are not in sync i.e. same width.
To Resolve this I tried to wrap the text field by using the below syntax in "HTML Header" of the Page and the text is getting wrapped but still the region width is not decreasing .
<style type="text/css">
span#P2_EMPNO_DISPLAY {
display: inline-block;
width: 250px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
span#P2_NAME_DISPLAY {
display: inline-block;
width: 250px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
</style>
Any help would be greatly appreciated.
Thank You,
Naveen.