• If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

Announcement

Collapse
No announcement yet.

Add logo and/or Center Appbar Title

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Add logo and/or Center Appbar Title

    Is there a way to center the Appbar title?
    How about including a logo at the App level?

    We currently have our logo in the hook.js - this displays in the portal. This particular app will run directly from a URL (not going through the portal). I would like to add the logo to the app and center the Appbar title.

    I'm using a startup program to set initial values, including SetAppBarTitle(). I tried placing the HTML markup in there, but that didn't seem to work.
    setAppBarTitle('<center>MY DASHBOARD ' + whsName +'</center>')

    I was able to control the widget titles using app variables with initial values containing HTML markup

    thx

  • #2
    I did some quick experimenting and could not successfully center the app title. It has to do with the underlying layout of the app bar. We can look to make this possible in a future update. You should be able to include a logo in the appbar title as long as you provide the relevant HTML markup.

    Comment


    • #3
      The next update will allow you to specify the position of the appbar title.

      Comment


      • #4
        Cool... I was able to add the logo to the appbar along with the "title". I had to specify the height to get them both to appear.

        In case anyone else is interested:

        Code:
        logo = '<img src="/resources/images/tbf_logo.png" style="max-height: 50px; float: left"/>';
        
        setAppBarTitle(logo + 'FORKLIFT DASHBOARD ' + whsName);
        The appbar size would not "expand" to hold the logo. But this looks pretty good on a larger screen.

        2024-07-29 16_46_42-Forklift Screen.png

        Comment

        Working...
        X