jQuery UI Widgets Forums Vue jqxToolbar and text

This topic contains 3 replies, has 2 voices, and was last updated by  svetoslav_borislavov 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • jqxToolbar and text #132146

    jqwidgetsdev
    Participant

    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.

    jqxToolbar and text #132165

    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/

    jqxToolbar and text #132189

    jqwidgetsdev
    Participant

    Thanks, yes I see how this works.

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

    Best regards.

    jqxToolbar and text #132200

    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/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.