Custom UI Colours (instead of Yellow)

Follow
Avatar
Avi Tavdi

Download: For V7.0 - V7.1, For V7.2 and V7.3, For V7.4

Plugin allows changes sisense yellow color to any color you wish.

STEPS

STEP 1 - ADD THE PLUGIN

Download the attachment and unzip the contents into your C:\Program Files\Sisense\PrismWeb\plugins\ folder. If the plugins folder doesn't exist, just create it.  After those files have been unzipped there, you may also have to restart the web server. 

STEP 2 - USE THE PLUGIN

 

Reload sisense web app.

Before:

After:



Configuration:

Navigate to .../styles in the plugin folder and edit config.less (or config.scss) file with colors according to your desire. 

 

Change log:

  • 05/17/2019 - Support for V7.4 and change color for button on login page.
8

Comments

46 comments

Sort by Date Votes
  • Avatar
    Malinda Jepsen

    Thank you Avi!  This is awesome!

    1
    Comment actions Permalink
  • Avatar
    Todd Winton

    Avi,

    Is it possible to define what colors are to be used?

    0
    Comment actions Permalink
  • Avatar
    Michael Becker

    @Todd, there is a CONFIGURATION section in the original post, which describes how to change colors.

    Regards,

    Michał

    2
    Comment actions Permalink
  • Avatar
    Todd Winton

    Thanks Michael.

    0
    Comment actions Permalink
  • Avatar
    Malinda Jepsen

    This is working great for us. The only thing I've found so far that I needed to modify (using the CustomStyles plugin) is the "Update" button.  The tag I found for it is:  

    .update-ball{background-color:#00aeef;}

    Thanks again Avi!

    0
    Comment actions Permalink
  • Avatar
    Philips Support

    Hi Avi,

    Using this plugin we can able to change login page UI ???

    0
    Comment actions Permalink
  • Avatar
    alom alom

    @radhakrishna holla you can accomplish this from the plugin, CustomStyle

    0
    Comment actions Permalink
  • Avatar
    Hamza Jap-Tjong (Edited )

    Is it me or is the plugin not working under 7.2?

    0
    Comment actions Permalink
  • Avatar
    alom alom

    @Hamza Jap-Tjong was told by support 7.2 breaks a lot of plugins. Wait for 7.2.1 or updates from plugin developers. Also, the location for plugins has changed for 7.2

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    @Hamza

    The plugins currently not working on V7.2. we are working on a fix. we should have an update in the next few days.

    1
    Comment actions Permalink
  • Avatar
    Lisa Swenson

    Hello Avi, 

    Any update on this? 

    Thanks.

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    Updated post with link to new version that works on V7.2.

    0
    Comment actions Permalink
  • Avatar
    Mitch Siwy

    @radhakrishna holla

    You can change the login page UI "Login Button" by modifying the color code from app-account.css in C:\Program Files\Sisense\PrismWeb\client\styles. Color is for the text color and background is for the background color. Change all parameters on rows 603, 605 and 606.

    0
    Comment actions Permalink
  • Avatar
    Malinda Jepsen

    Thanks Mitch!

    0
    Comment actions Permalink
  • Avatar
    Jim Thomas

    It's working for me in v7.2.

    Regards,

    0
    Comment actions Permalink
  • Avatar
    M3 Dev

    Avi,

    Using 7.2.0.12014 and the 28Aug2018 version of the plugin, the colors only change some of the time.  Additionally, it is only changing to the default light blue despite what is defined in the config.scss file.  If I change the item directly in style.scss, it will show the right color, but still erratically (still shows yellow with random page refreshes).  I have tested this behavior in Chrome & Firefox.  I have also traced the inline css in the browser developer mode to verify that style.scss is being referenced from C:\Program Files\Sisense\app\plugins\.

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    @M3 Dev, thanks for the feedback, we'll take a look. If you have more accurate steps of reproduction it will be helpful.

    0
    Comment actions Permalink
  • Avatar
    M3 Dev

    The following screen shots were taken without making any changes on the web host:

    After F5 to refresh
    Hitting F5 again may return the correct blue or default yellow again

    Steps to install:

    1.) Extract 7.2 zip to c:\program files\sisense\app\plugins

    2.) Start service Sisense.Plugins

    3.) Restart IIS Site

    Am I missing some additional step?  Any advice is appreciated.

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    Apologies for the late response. Unfortunately we weren't able to reproduce the issue, please open a zendesk ticket in order to route the issue properly and we'll schedule a meeting

    0
    Comment actions Permalink
  • Avatar
    Xavier Donnelly

    I just installed the 7.2 version on 7.3.0 and it works fine so far. Thank you!

    0
    Comment actions Permalink
  • Avatar
    Robert Choquette

    Does this plugin work in an HA environment? If so, is there anything different about installation and configuration? We can't seem to get it to work even though it shows up in the list of plugins and is set to active.

    0
    Comment actions Permalink
  • Avatar
    Keara Buck

    Does this plugin work on the data page as well? Currently everything turned blue except what is located on the Data webpage?

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    Robert Choquette

    This was not tested on HA, i'll see if i can check it.

     

    Jo Moskow

    Unfortunately at the moment the data page does not support plugins, hence this solution wont be applied on the data page.

    0
    Comment actions Permalink
  • Avatar
    Blaine Callaway

    Hi, Could someone please help me?

    I'm trying to change the Login button to a light blue. I have tried editing the app-account.css file but to no avail. Anyone know why this wouldn't be working or does anyone know a workaround?

     

    Thank you in advance,

    Blaine

    0
    Comment actions Permalink
  • Avatar
    Avi Tavdi

    Blaine, we are currently working on a version that will allow to change the color of the button on the login page. should be public in few weeks.

    1
    Comment actions Permalink
  • Avatar
    Luke Fisher

    Avi, 

    We added your plugin to our 7.4.1 and its working great. I did notice there are some areas that still show yellow buttons/accents. Specifically, anything in the "Data" tab. Also I noticed the accent under the Filter and Design tabs are still yellow.

    Did we implement this plugin incorrectly or is this something that needs to be added to a future version?

    Thanks for your help!

    Luke

     

     

    0
    Comment actions Permalink
  • Avatar
    Brian Wilson

    Hi Avi,

    In Ver 8.0, the plugin still seems capable of changing the colors of the boxes, but the font colors have reverted back. Is there a different syntax for the color of the text inside filter boxes? In the old version, it was 

    @ui-control-text-color: #fff;

    0
    Comment actions Permalink
  • Avatar
    Oleg Fil

    Hi Brian, have you tried the latest version (For V7.4) of the plugin?

    0
    Comment actions Permalink
  • Avatar
    Brian Wilson

    Hi Oleg,

    Thanks for the follow-up.

    I'm attempting to upgrade to the 7.4 version, but there seems to be some caching going on that I can't get rid of. Is a copy of the plugin stored somewhere when the plugin is switched on or off in the system? I've tried deleting the plugin's file in the plugin dir but the listing remains in the list and the colors are still altered as per the old version of the CSS.

    0
    Comment actions Permalink
  • Avatar
    Oleg Fil

    Hi Brian,

    Please make sure you have only one version (the latest) of the plugin installed. To reset the browser cache you can try ctrl+F5.

    0
    Comment actions Permalink

Please sign in to leave a comment.

Didn't find what you were looking for?

New post