Question

Web Access Background Color

Web Client Version 9 Version 10

Updated June 22, 2022

asked on March 1, 2016

Are we able to change the web access background color from white to another color?

Is it possible to setup WebAccess so it has a different color scheme than the standard default?

We have a customer wanting to differentiate between two repositories and be able to obviously tell the difference. The current WebAccess is set to the default color scheme. I am wanting to setup a second WebAccess site that points to this other repository but set it up with another color (maybe green or red).

0 0

Answer

SELECTED ANSWER

replied on March 1, 2016

CSS files are located in directory: Program Files\Laserfiche\Web Access\Web Files\Assets

Background color comes into play in many different instances and scenarios. Different styles will have influence over different regions of the page like the Left panel, Center panel, when a document is opened, etc.

One option which is fairly easy to do and may solve your issue is to open Browse.min.css and find:

.actionBar{position:relative!important;margin-bottom:0;background-color:#177d93;

Replace 177d93 with the color of your desire, such as: #137F60 which gives you this new title bar.

1 0

replied on March 4, 2016

Hey Carl,

That looks great!

I was also able to edit Web Access 9 to change the folders pane.

I have been having a difficult time finding out where to edit the color of the text.

I can see where I can manually do it within the developer tools, but not sure if you would know.

2016-03-04 13_13_36-Search results - mhuemmer@docunav.com - DocuNav Solutions Mail.png (195.5 KB)

| Download

0 0

replied on March 4, 2016

I actually just changed it to pink instead. It looks a lot better.

2016-03-04 13_17_22-Terminals 3.6.1 (Files store).png (91.68 KB)

| Download

0 0

replied on March 4, 2016

Nice! Looks great.

I don't have a LF9.2 environment accessible anymore but in general if you are using firefox dev tools and want to figure out where a css property is being applied on an inspected area:

- select the computed tab

- find the property you are interested in

- check the triangle to a dropdown

0 0

Replies

replied on March 1, 2016

The css is not meant to be edited but we are working on making it more customizable in a future version.

0 0

View 1 previous reply

replied on June 20, 2017

There hasn't been any change on this yet. If it's important you might see what you can do by editing the css file yourself, but there isn't an easy or supported way.

0 0

replied on June 20, 2017

Thanks for the update, Brian. Do you know if this is being worked on or coming up in a release?

We were going to have an EDRMS naming competition in my organization to help with buy-in and getting people excited... but if we can't customize it to fit that branding, then I guess it's something we should put off.

0 0

replied on June 21, 2017

The only thing we would want to do is maybe insert an icon to the left of (or replace fully) the "Laserfiche" in the upper left of web access:

1 0

replied on June 22, 2022

Resurrecting this old thread.

Any updates on a GUI method to customise the look and feel of web access?

I tried the edits suggested below but it made no impact on my environment.

One option which is fairly easy to do and may solve your issue is to open Browse.min.css and find:

1.actionBar{position:relative!important;margin-bottom:0;background-color:#177d93;

0 0

replied on June 22, 2022

Hi Richard-

There's no GUI method, but for v10 (not sure when it was added, 10.2 maybe?) and v11 there are 3 CSS files that you can update specifically for customization in

C:\Program Files\Laserfiche\Web Access\Web Files\Assets\custom

For instance, in each of the 3 files (folder browser, doc viewer, and management console) I have this to change the header color yellow. (NOTE: not sure if I actually need the !important designator.)

.actionBar{
	background-color: #d2d23b !important;
}

0 0

replied on June 22, 2022

That has done the trick - thank you so much!

0 0

You are not allowed to follow up in this post.

Question

Question

Web Access Background Color

Answer

Replies

Sign in to reply to this post.