Automic Workload Automation

Expand all | Collapse all

Web Interface customization

  • 1.  Web Interface customization

    Posted Oct 11, 2016 10:33 AM
    Edited by Michael A. Lowry Jul 17, 2020 05:15 PM

    In the past week, I have learned about the various ways of customizing the Automic Web Interface. For example, it is possible to specify a custom icon that appears in the Web Interface, instead of the Automic company logo.
    5xbcssqxbcob.pngFigure 1. Automic Web Interface v12: Login window with custom logo & main color

    It is also possible to specify the highlight color used in the Web Interface.
    avclqz7jev9l.pngFigure 2. Automic Web Interface v12: Process Assembly perspective with custom logo & main color

    Although some things can be customized, others cannot. Here is a summary.

    Item Description Easy to
    Customize
    Details
    Logo Image that appears in the login box and in the top left corner of the web interface window. logo.filename parameter in colors.properties
    (But: display problem in v11.2.2)
    Main color Highlight color used to indicate selected or focused UI elements throughout the Web Interface. E.g., below the selected perspective. maincolor parameter in colors.properties
    Session color Highlight color at top of window. One of five hard-coded colors is selectable by the user.
    Favorite icon Small icon that appears in browser tab or window title bar; also used for saved browser bookmarks. VAADIN/themes/oneui/favicon.ico in webui-vaadin-framework-theme.jar in awi.war file: 7e3pzj9bmfbb.png
    Window title Text that appears in browser tab or window title bar; also used as default name for saved browser bookmarks. Hard-coded to:
    • v11: Automic Enterprise Control Center
    v12: Automic Web Interface


    It would be nice to be able to specify these details as parameters, e.g., in configuration.properties. This would make it possible for us to better customize the way the Web Interface appears to users, and would make it easier for us to tell at a glance which browser window/tab corresponds to the DEV system, which to TEST, which to PROD, and so on.
    j3senqd3mm78.pngFigure 3. Automic Web Interface v12: Mock-up of browser tabs with custom favorite icons & titles

    Even greater flexibility would be afforded if it were possible to specify these at the level of each connection in the uc4config.xml file.



  • 2.  Web Interface customization

    Posted Oct 12, 2016 02:28 AM
    Hello Michael,
    Those are great ideas!
    Did you already submit them at ideas.automic.com ?



  • 3.  Web Interface customization

    Posted Oct 12, 2016 04:47 AM
     
    Hello Michael,
    Those are great ideas!
    Did you already submit them at ideas.automic.com?
    I just submitted this request as PMPER-1734.


  • 4.  Web Interface customization

    Posted Oct 12, 2016 05:00 AM
    Edited by Michael A. Lowry Jul 10, 2020 04:18 AM
    Antoine_Sauteron:
    I also added a screenshot of a mock-up of two browser tabs with customized favorite icons and titles.
    j3senqd3mm78.png
    This (I hope) demonstrates the usefulness of the idea.


  • 5.  Web Interface customization



  • 6.  Web Interface customization

    Posted Oct 13, 2016 03:47 AM

    Claus Jambrich wrote:

    Here is the link to the corresponding section in the V12 documentation:...

    Thanks, ClausJambrich602320. I have updated the customizing the Automic Web Interface link in my original post to point to the v12 documentation.



  • 7.  Web Interface customization

    Posted Oct 13, 2016 11:30 AM
    Karin_Wasinger_8156, do you happen to know where the HTML title tag is set?


  • 8.  Web Interface customization

    Posted Feb 08, 2017 07:26 AM
    I would still like to find a way to override the default window title. Can anyone help?


  • 9.  Web Interface customization

    Posted Feb 09, 2017 12:09 PM
    Edited by Michael A. Lowry Jul 17, 2020 05:14 PM
      |   view attached
    jsmn6mhl4fbf.png
    Here are the color-coded favicon.ico files I am using to make it easier to visually distinguish the browser tabs/windows of different AE systems.

    To use one of these ICO files, replace the favicon.ico file here:

    awi.war*:
    WEB-INF/bundle/webui-vaadin-framework-theme.jar

    webui-vaadin-framework-theme.jar:
    VAADIN/themes/oneui/favicon.ico

    * enterprise.control.center.war if you are using a version earlier than v12.

    Attachment(s)



  • 10.  Web Interface customization

    Posted Feb 27, 2017 07:27 AM
    A recently uncovered documentation page, Customizing the AWI Configuration Path, reveals that v12 added a Java property that can be used to specify the path to the AWI config files at run time. This means that one can now prepare a single AWI package that includes all of the configuration files necessary to work in multiple environments (DEV, TEST, PROD). This is very useful. Thanks, Automic!


  • 11.  RE: Web Interface customization

    Posted Feb 19, 2023 02:11 PM

    Broadcom has removed the aforementioned documentation page, along with any mention of the com.uc4.ecc.config.dir Java system property.




  • 12.  RE: Web Interface customization

    Posted Feb 19, 2023 06:50 PM

    I still use it and at version 21.0.3 in production and 21.0.4 in our sandbox.




  • 13.  RE: Web Interface customization

    Posted Feb 20, 2023 06:24 AM
    Edited by Michael A. Lowry Feb 20, 2023 06:23 AM

    Yes, we still use the property too. To discover undocumented properties, enable AWI tracing and look at the log.



  • 14.  Web Interface customization

    Posted Feb 28, 2017 06:01 AM
    Edited by Michael A. Lowry Jul 17, 2020 05:14 PM

    Now that we have a way to specify a different config directory at run time, there are only a couple of things missing: it should be possible to customize the window title and the favorite icon. Each of these should have its own AWI configuration setting.

    It would also be nice to provide a third configuration setting for specifying the color of a border around the favorite icon. With this option, the administrator could set the border color to the same color as the main color, thus establishing a consistent color scheme for each AE environment.

    Here is my suggestion for how to implement this:

    Config. file Setting Description Default Example
    configuration.properties htmlheader.title Set custom window title Automic Web Interface AE_DEV
    colors.properties favicon.filename Set custom favorite icon Built-in favicon.ico:
    7e3pzj9bmfbb.png
    theme/ae_dev.ico
    colors.properties favicon.bordercolor Border color of favorite icon.
    (No setting: no border)
    NA #2A97FF


  • 15.  Web Interface customization

    Posted Mar 02, 2017 10:30 AM
    Hello Michael,
    Those are great ideas!
    Did you already submit them at ideas.automic.com?
    I just submitted this request as PMPER-1734.

    Michael_Lowry
    If you post this idea to the new ideas.automic.com, I will vote for it.
    "It would be nice to be able to specify these details as parameters, e.g., in configuration.properties. This would make it possible for us to better customize the way the Web Interface appears to users, and would make it easier for us to tell at a glance which browser window/tab corresponds to the DEV system, which to TEST, which to PROD, and so on."

     I think it a great idea and I actually posted this idea already in 2015.



  • 16.  Web Interface customization

    Posted Mar 03, 2017 02:53 AM
    Keld Mollnitz wrote:
    Michael_Lowry
    If you post this idea to the new ideas.automic.com, I will vote for it. ...
    We were given a demo yesterday of the new ideas.automic.com site during our visit to Automic HQ in Vienna. It looks very promising. I’ll submit the idea later today.


  • 17.  Web Interface customization

    Posted Oct 04, 2017 08:28 AM

    AWI v12.1 does not appear to add any of the customization capabilities suggested above. If you would find these options useful, please vote for the idea: Automic Web Interface customization.



  • 18.  Web Interface customization

    Posted Oct 04, 2017 08:33 AM
    It would have been very useful to have those customization added. When I presented the AWI to our programmers and end-users's teams, the first thing they've noted is that they can't know easily in which environment they are logged in.

    I have already voted for the idea. So go vote folks !!!   ;)


  • 19.  Web Interface customization

    Posted Nov 21, 2017 04:58 AM
    I discovered yesterday that the v12.1 AWI automatically updates the HTML title when the user logs in.vl0gze9q5xit.png
    The format is:
     AE system name - client number - user first & last name - Automic Web Interface

    This change is not mentioned in the release notes. As far I can determine, the HTML title still cannot be customized.


  • 20.  Web Interface customization

    Posted Jan 22, 2018 07:05 AM
    Today I tried setting automationEngine.index, logo.filename, and maincolor as though they were ordinary Java system properties, by putting them in CATALINA_OPTS. I thought this might allow me to avoid having to maintain multiple different config directories. Unfortunately, this did not work.


  • 21.  Re: Web Interface customization

    Posted Jul 02, 2018 11:26 AM

    AWI v12.2, released a few days ago, does not appear to add new options for tailoring the appearance. It’s still not possible, for example, to customize the favorite icon or the title.

     

    The AWI configuration instructions look pretty much identical to before. The only new addition is the helpUrl.pattern option in configuration.properties. I documented this some time ago in the AWI configuration settings discussion.



  • 22.  RE: Web Interface customization

    Posted Jul 07, 2020 04:36 AM
    Edited by Michael A. Lowry Jul 09, 2020 07:10 AM
    AE 12.3 added the session.colors option to colors.properties. If this option is specified, and if a session color is selected at login, the favorite icon is ignored and an auto-generated favorite icon based on the chosen session color is used.

    The idea Automic Web Interface customization has been marked Delivered, but other than the above change, none of the other requested improvements have been added.