I am using click to edit functionality in af:table, as soon it changes into input text box, text goes out of column.I want input text box to stretch and contract with column width.
Try contentStyle Property
<af:inputText value="#{bindings.Name.inputValue}"
id="it1" contentStyle="width:10em;"
autoSubmit="true">
<f:validator binding="#{bindings.Name.validator}"/>
</af:inputText>
Related
I have used text field with hint "Phone Number". When I click on the text field the text "Phone Number" font will be increased automatically. I'm wondering is there any way I can control the size of the font when =text field control is in focus or selected. Please advise.
Code:
TextField num = new TextField("", "Phone Number", 10, TextField.PHONENUMBER);
Thanks
You need to style both the selected and unselected versions of the UIID in a consistent way. You can do that in the Codename One designer tool by editing the style you overrode and making sure both Selected and Unselected tabs have the same value for the font.
The code I am currently using to bold the text currently is this:
rtb.Selection.ApplyPropertyValue(TextElement.FontWeightProperty, FontWeights.Bold);
but the drawback of this having to highlight the text first before the bold can be applied.
Is there a way to make the next typed text in the RichTextBox bold without having to highlight and select text?
if(rtb.CaretPosition.Parent is TextElement)
{
(rtb.CaretPosition.Parent as TextElement).FontWeight = FontWeights.Bold;
}
I was trying to show checkbox before label using selectBooleanCheckbox in oracle ADF but it is showing checkbox after label.
<af:panelFormLayout id="pfl2" maxColumns="4" rows="1">
<af:iterator id="i2" value="#{pageFlowScope.StoreSearchMB.storeCreateCheckboxes}" var="List">
<af:selectBooleanCheckbox label="#{List.VStore}" id="sbc2" inlineStyle="Color:#949595;font-size:18px;" value="#{List.VStStatus}"/>
</af:iterator>
</af:panelFormLayout>
Could you please help me to get the correct way?
Use Text Attribute of af:selectBooleanCheckbox instead of label .
More here Demo
Use the Text property of the checkbox instead of Label.
I have a inputcombobox and I have its shortdesc attribute pointed to a String variable in a managed bean. The string contain line breaks but while rendering on browser, it seems to ignore it.
I tried workarounds for this by using pop up but it seems like showPopupBehaviour is not allowed inside inputComboBox. Also can't use javascript as it is mouse hover method is messing up with click event on LOV of inputcombobox.
I am using jdev 11.1.1.7.2
Any ideas
Use HTML entities in your shortDesc string.
The ones you are looking for are:
- Line Feed
- Carriage Return
Examples:
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
<af:outputText value="Hello StackOverFlow" shortDesc="Hallo
World"/>
These will all show a tooltip with a new line.
Edit:
It seems that the outputText component puts the tooltip in the title attribute while the inputCombobox puts the tooltip in a <div>
I am using a form with 5 text boxes. For each text box i fixed the maxlength="100" and binding the value with ng-model.
Now i need to show the content inside the text boxes with "..." if the content exceeds 20 characters.
Now if the user :hover the input then hide the ellipsis. To make to feel that can be edited.
And if the user the click inside the text box, of course can edit the content.
Now i need to show the content inside the text box with "..." on hover if the content exceeds 20 characters.And if the user the click inside the text box they can edit the content.
Just Use CSS
input[type="text"] {
text-overflow: ellipsis;
}
input[type="text"]:hover {
text-overflow: initial;
}
HTML
<input id="value" type="text" size="20">
note: size="20" here defines the limit to show before ellipsis.
http://jsfiddle.net/rnrlabs/2pm19ugm/