Hi All,
Current Settings
I have transient attribute whose value is set via a groovy as below:


In my jsff page, I have a grid cell with an af:outputText box to show the values.
<af:gridCell marginStart="5px" width="17%" marginEnd="5px" id="gc14" halign="stretch"
styleClass="field-value">
<af:outputText value="#{bindings.ChrtDesc.inputValue}"
shortDesc="#{bindings.ChrtDesc.hints.tooltip}" id="it1" partialTriggers="l2"
inlineStyle="background-color: #fff; border-radius: 2px; border-style: solid; border-width: 1px; border-color: #DFE4E7; margin: 5px; padding: 2.5px; max-width: 100%;"/>

Problem
When the page opens initially, the above field doesn't have any value, so the af:outputtext thing show up as narrow as you see below (the page is right to left arabic):

Requirement
I want the outputtext to show up wider and I have tried every trick I could do as you can see above as part of in-line styling.
Please let me know what clue might possibly solve the issue.
Any clue is much appreciated.
Regards,
M