Custom UI Colours (instead of Yellow)

March 09, 2018 18:13

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.

Comments

41 comments

Malinda Jepsen March 09, 2018 22:35

Thank you Avi! This is awesome!

1

Comment actions Permalink
Todd Winton March 21, 2018 13:44

Avi,

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

0

Comment actions Permalink
Michael Becker March 21, 2018 13:46

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

Regards,

Michał

2

Comment actions Permalink
Todd Winton March 21, 2018 13:49

Thanks Michael.

0

Comment actions Permalink
Malinda Jepsen March 28, 2018 19:41

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
radhakrishna holla April 06, 2018 11:49

Hi Avi,

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

0

Comment actions Permalink
alom alom August 21, 2018 21:22

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

0

Comment actions Permalink
Hamza Jap-Tjong August 22, 2018 06:26 (Edited August 22, 2018 06:26)

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

0

Comment actions Permalink
alom alom August 22, 2018 16:17

@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
Avi Tavdi August 22, 2018 20:20

@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
Lisa Swenson August 29, 2018 15:51

Hello Avi,

Any update on this?

Thanks.

0

Comment actions Permalink
Avi Tavdi September 03, 2018 14:02

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

0

Comment actions Permalink
Mitch Siwy September 05, 2018 16:04

@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
Malinda Jepsen September 05, 2018 16:20

Thanks Mitch!

0

Comment actions Permalink
Jim Thomas October 11, 2018 13:57

It's working for me in v7.2.

Regards,

0

Comment actions Permalink
M3 Dev October 16, 2018 12:59

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
Avi Tavdi October 16, 2018 14:14

@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
M3 Dev October 16, 2018 14:48

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
Avi Tavdi October 23, 2018 22:04

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
Xavier Donnelly February 22, 2019 14:33

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

0

Comment actions Permalink
Robert Choquette February 27, 2019 19:36

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
Keara Buck March 13, 2019 22:52

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
Avi Tavdi March 13, 2019 23:09

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
Blaine Callaway May 14, 2019 08:35

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
Avi Tavdi May 15, 2019 00:49

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
Luke Fisher June 06, 2019 20:54

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
Brian Wilson September 05, 2019 18:38

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
Oleg Fil October 25, 2019 15:13

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

0

Comment actions Permalink
Brian Wilson October 28, 2019 14:27

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
Oleg Fil October 31, 2019 09:30

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.