jQuery UI Widgets Forums Navigation NavigationBar, ToolBar, NavBar toolbar as a status bar

This topic contains 5 replies, has 2 voices, and was last updated by  Stanislav 7 years, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • toolbar as a status bar #93377

    morgenweck
    Participant

    I maybe using the wrong component but I’m trying to use the toolbar as a status bar and I would like to add a span or something like a label so I can add just plan text. I’m not looking for an input or button but would like to add the users name to the lower right hand corner once they have logged in. Do I need to use a button or input and format it flat?

    toolbar as a status bar #93403

    Stanislav
    Participant

    Hello Morgenweck,

    You can use the API addTool of ToolBar and add a custom element: tool.text(" YOURNAME ");
    Then you can use CSS and position it.

    Best Regards,
    Stanislav

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

    toolbar as a status bar #93447

    morgenweck
    Participant

    Can you give a sample of using CSS? Also if I want to change the text in the tool do I have to regenerate the entire toolbar or can I reference a particular tool?

    toolbar as a status bar #93480

    Stanislav
    Participant

    Hello Morgenweck,

    The CSS code for positioning the text.

    .jqx-toolbar-tool:last-child {
      float: right;
      margin-top: 20px;
    }

    As for the change of the text, do you want to do it after the initialization of the toolbar(let’s say on a button click)?

    Best Regards,
    Stanislav
    jQWidgets Team
    http://www.jqwidgets.com/

    toolbar as a status bar #93537

    morgenweck
    Participant

    Thanks for the CSS that helps a lot and yes I’d like to change using a button click. Like the person just logged in and I want to put their name on the toolbar.

    toolbar as a status bar #93590

    Stanislav
    Participant

    Hello Morgenweck,

    You can take whatever the person typed in the input field and place that as the text.
    The button can only be used as a trigger for the replacing event.

    Best Regards,
    Stanislav
    jQWidgets Team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.