You are viewing limited content. For full access, please sign in.

Question

Question

is there a way to change the color of the items in Weblink?

asked on October 15, 2015

Hi,

Is there a way to change the color of the below items highlighted in Weblink? As well as the Page Number and the arrows before last?

 

 

Thanks

Gert

0 0

Replies

replied on October 15, 2015 Show version history

The arrows are actually images that can be found in the "images/new_sprite" directory in WebLink. The files are "upArrowCollapse.png", "downArrowExpand.png", "right-chevron.png", and "left-chevron.png".

The border under the "Browse" button is controlled by the ".NavigationControl span" entry (around line 2668) which is found in the "WebLinkStyles.css" file which is found in the root directory of WebLink.

.NavigationControl span {
    padding-bottom: 6px;
    font-weight: 600;
    border-bottom: 3px solid #3F86C5;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #3F86C5;
}

The "Page 1 of 78" coloring is controlled by the "PageXofY" entry (around line 886) in WebLinkStyles.css file as well

.PageXofY {
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    color: #0069BA;
    padding: 8px 0px;
        padding-top: 8px;
        padding-right: 0px;
        padding-bottom: 8px;
        padding-left: 0px;
}

The Page Number Color can also be changed in the WebLinkStyles.css file (around line 777) by searching for "/* Paging: Document Browser, search grid */". Underneath this section you will see the following:

.DocumentBrowserDisplayDiv .PageableListJumpToPageLink, 
.DocumentBrowserDisplayDiv .PageableListCurrentPageDiv,
.SearchResultsContent .PageableListJumpToPageLink, 
.SearchResultsContent .PageableListCurrentPageDiv,
.JumpToPageLink, 
.CurrentPageDiv
{
    border-radius: 4px;
    border: 1px solid;
    display: inline-block;
    height: 30px;
    min-width: 30px;
    vertical-align: middle;
    text-align: center;
    margin: 5px 2px;
    text-decoration: none;
	line-height: 1.8em;
	font-size: 15px;
    color: #0069BA;
    background-color: #ffffff;
    cursor: pointer;
    padding: 0 10px;
}

On the majority of these entries you will need to focus on the "color: " property.

 

Hope this helps!

1 0
replied on October 15, 2015

Hi Wes, 

Thank you so much for this. I have changed the color and is looking great. 

Just need to edit the pictures to change the color. 

 

Thanks

Gert

1 0
replied on October 22, 2015

Hi Wes,

 

Another question for you. Is there a way in the script to change things on the welcome page.

1. change the green color to another color

2. change the layout to move the search box and the options below to the left, right or up and down

3. where it says "My WebLink" that when your mouse hover over it, it can be a block on the background

Thanks

Gert

0 0
replied on October 22, 2015

Gert,

It might be best to put these as new questions so that they can be handled individually. This will help those searching for problems that may be similar to the ones you are having.

 

Wes

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.