jqxToolbar and text

[jqwidgetsdevParticipant]

Hi,

I was wondering what is the way to show text + Awesome font icon in a toolbar item?
The example seem to only cover buttons.

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

Please see the view Settings example. In the following example initTools in combination with tools array is used to create custom items.
You can use initTools to append custom items to the toolbar.

Here is information about initTools and tools:

initTools:
A callback function where settings can be made to the tools specified in the tools property. The initTools callback function is called twice for each tool. On the first call, the settings are applied to the tool as it appears in the toolbar. On the second call, the settings are applied to the tool when it is minimized. This allows the tool to appear differently in both cases if different settings are applied.

If you wish to disable the minimization of a tool, return { minimizable: false } in initTools. If you wish the tool to be minimizable but not to appear in the minimize pop-up menu, return { menuTool: false }. In these cases, there will only be one call of initTools for this tool.

initTools is passed four parameters:

type – the type of the tool, as specified in tools.
index
tool – a jQuery object representing the tool.
menuToolIninitialization – a boolean value, specifying whether initTools is called for the toolbar tool (false) or the pop-up menu tool (true).

tools:
Sets or gets the types of tools in the jqxToolBar in the order they appear. The value of tools is a string representing a list of space-separated tool types. Possible tool types are: ‘button’, ‘toggleButton’, ‘dropdownlist’, ‘combobox’, ‘input’ and ‘custom’. Separators can be added between tools by inserting a ‘|’.

A link for the API is here: https://www.jqwidgets.com/vue-components-documentation/documentation/jqxtoolbar/vue-toolbar-api.htm?search=
You can find any additional information

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Thanks, yes I see how this works.

One additional help is how can I align the last item to the right?

Best regards.

[svetoslav_borislavovParticipant]

Hi,

You can do this via CSS.
Kindly, provide a demo with the desired item if you cannot make it

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts