Is there a built-in icon and class for making a trigger with a help icon (like there is a class 'x-form-clear-trigger' for a trigger with a delete icon)?
More general: is somewhere in the extjs documentation a list of predefined styles for the trigger field type?
Native ExtJS have this four possible trigger class (list you can find in the first comment on triggerCls documentation):
x-form-clear-trigger // the X icon
x-form-search-trigger // the magnifying glass icon
x-form-trigger // the down arrow (default for combobox) icon
x-form-date-trigger // the calendar icon (just in case)
Native class for help icon does not exists, but you can define your own css class and use it as triggerCls
Related
Sometimes it is useful to consult a list of the components offered by Codename One before making a decision on how to build a graphical interface. I have the following list. Can you tell me if it is absolutely complete or if something is missing? Thank you
Labels
Label
SpanLabel
ScaleImageLabel
FloatingHint
Buttons
Button
SpanButton
MultiButton
SpanMultiButton
ScaleImageButton
FloatingActionButton
ShareButton
Toggles
CheckBox
RadioButton
OnOffSwitch
Switch
Toggle Lists
SwitchList
CheckBoxList
RadioButtonList
Selection
ComboBox
Picker
Text Fields
TextField
TextArea
ClearableTextField
AutocompleteTextField
InputComponent
TextComponent
TextComponentPassword
AutoCompleteTextComponent
PickerComponent
Media
MediaPlayer
AudioRecorderComponent
Maps
MapComponent
MapContainer (Native Maps)
Containers
Accordion
ComponentGroup
InfiniteContainer
SplitPane
Tabs
Dialogs/Prompts
InteractionDialog
Dialog
Sheet
ToastBar
Progress
Progress
InfiniteProgress
Slider
SliderBridge
CircleAnimation
LoadingTextProgress
Advanced
Web View (BrowserComponent)
SignatureComponent
Calendar
FileTree
RSSReader
ImageViewer
Charts
BarChart
BubbleChart
CombinedXYChart
CubicLineChart
DialChart
DoughnutChart
LineChart
PieChart
RadarChart
RangeBarChart
RoundChart
ScatterChart
TimeChart
ToolBar
SearchBar
SideMenuBar
Thank you for the link in the comment. I improved and integrated the previous list, and for each Component I added one or more useful links, based on my searches. Each link can lead to a javadoc, a section of the developer guide or a section of an official Codename One blog article, depending on what I found most useful.
I published this new list here:
https://www.informatica-libera.net/content/components-disponibili-codename-one
Even if the beginning of the article is in Italian, I assume there are no problems: you can ignore what I wrote in Italian and look directly at the list.
I know the ideal would be to copy this list here rather than provide a link to one of my pages, but all the links included would be laborious to recreate here.
I published it first of all for my own benefit, but I hope it will be useful for other developers as well. I accept suggestions for improvements.
I have a component that contains an md-autocomplete. This component is essentially being used as a searchable select list.
So, I'd like to change the icon of the clear-button from the 'X' to a down arrow.
I've tried the solution mentioned here, but that doesn't work for me, because I need the button to remain clickable.
Is there a way I can override the button styling in the component's CSS to specify a different icon to be used?
I'm having some troubles doing a very simple MenuButton. When I use a MenuButton the icon comes after the label (I mean right), instead of being left to it, as in qx.ui.form.Button.
Is there a simple way to put this icon in the right place ?
MenuButton inherits from Button, which has a property iconPosition - API docs here. Just set it to wherever you want your icon to appear.
I'm trying to create Custom Form configuration with scrollable TitleArea. The Form (black) has a BoxLayout.Y_AXIS Layout in BorderLayout.CENTER (blue). StatusBar (green) stays in BorderLayout.NORTH (green), when rest of the TitleArea (cyan) is in the first position in BoxLayout.
removeComponentFromForm function is unavailable for using in extended class. How can I remove components from Form to removing titleArea from BorderLayout.NORTH?
Why use the title area at all? Why not just add a component to the top of the box layout Y and style it as a Title that way you can scroll it out?
You can also use the new Toolbar API that includes many abilities to fade out the title as you scroll etc. See:
http://www.codenameone.com/blog/toolbar.html
http://www.codenameone.com/blog/cats-in-toolbars.html
In ExtJS is .x-form-arrow-trigger css class used only for down arrow image on ComboBox or there are some other places where this class can be used?
Given that the only style rule for this class is a background image pointing to this file...
http://cdn.sencha.io/ext-4.0.7-gpl/resources/themes/images/default/boundlist/trigger-arrow.png
...then you can safely assume that it is only used where a down arrow trigger is implemented (and to my knowledge that is only on the combobox component - someone correct me if I'm wrong).
Ocasionally found in documentation for Ext.form.ComboBox
Section Configs:
triggerClass : String
An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and triggerClass will be appended if specified (defaults to 'x-form-arrow-trigger' which displays a downward arrow icon).
Defaults to: "x-form-arrow-trigger"