Excellent Sam - thank-you!

Hey Sam,

So myself and a customer tried this in our Weblink environments (Theirs 10.2 and Mine 11.0) and your steps do not work to remove the Sign Out option.

I know there have been some configuration changes with the later versions, so wanted to see if you might know what to check for in these versions.

I see where the element is for this on my WL 11 Webpage, but not sure where this sits in the CSS or Config files

Thanks for any advice you might have,

Jeff Curtis

Hey Jeff,

The HTML attribute tags for those elements are different in WebLink 10.2 and 11 so my earlier WebLink 10.1 CSS won't work for those later versions.

Instructions for WebLink 10.2 and 11:
(Tested on build 11.0.2111.777)

1. Find the styles.css file in the C:\Program Files\Laserfiche\WebLink\WebLink\Web Files\ directory
2. Make a backup copy of that file. Call it "styles-backupcopy.css" or similar.
3. Open up styles.css in a text editor
4. Search it for ".topBarNavigation". The first result should be a block that looks like this:
   
5. Above that block, add the following lines:

   /* Sign Out link */
   .topBarNavigation > a:nth-child(7) {
   	display: none;
   }
   /* Link spacer before Sign Out link */
   .topBarNavigation > span:nth-child(6) {
   	display: none;
   }

   So that together they look like this:
   
   
   IMPORTANT: The new CSS snippets use an index-based selector. If you have used WebLink Designer to hide any of the other Top Bar Navigation links, it's possible the indexes for your site's Sign Out link and the adjacent link spacer will be different. Use browser DevTools to get the selector for the Sign Out link's "a" element (not the child span element):
   
   The copied selector will look something like this:
   #welcomePage > welcome-app > div.navbar.navbar-inverse.navbar-fixed-top.actionBar.dvActionBar > div > div.topBarNavigation > a:nth-child(7)
   
   The number (n) on the end is the index number for the Sign Out link that should go in the first CSS selector. (n-1) is the index number for the link spacer and should go in the second CSS selector.

6. Save styles.css
7. Recycle the WebLinkAppPool in IIS and/or restart IIS to pick up the new configuration. You will likely need to clear your browser cache to pick up the new stylesheet client-side.

I don't have a WebLink 10.2 test system handy to check that version [Edit: Jeff Curtis verified the above instructions work for WebLink 10.2 as well]. I'd highly recommend upgrading this customer to WebLink 11 though as it contains quite a few security updates that are especially important for a pubic-facing website. Remember to use the WebLink Settings Bundler utility to export/backup the WebLink 10.2 configuration before upgrading so you can restore it after, as the upgrade process wipes the existing config.

Hey Sam,

Wanted to let you know that the steps you provided for WL 11, worked for the customers WL 10.2 install.

Thanks Again,

Jeff Curtis

Awesome, great to hear!

I have slightly different settings because I am not showing links on the navigation page for "Show Welcome Page Link" or "Show My WebLink Link".  When I go to the copy the selector for following element <a href="javascript:void(0)"><span lflocalize="STR_LOGOUT">Sign Out</span></a>.

I get the following. #moreDropdown > ul > li:nth-child(3) > a . So if that is the case would I need to change your CSS to the following?

/* Sign Out link */
.topBarNavigation > li:nth-child(3) {
	display: none;
}
/* Link spacer before Sign Out link */
.topBarNavigation > span:nth-child(2) {
	display: none;
}

Our security folks would like the About menu hidden, so I was trying to hide both About and Sign Out. Using these steps, I am able to get About hidden, but not both About and Sign Out. Is there a trick to being able to use this on two items/buttons?

Hi Eric, what's the full version build number of your WebLink instance?

11.0.2411.10

I tested the following on WebLink 11.0.2411.10, and they work as expected when no elements are removed via WebLink Designer.

As I noted in my earlier reply, "If you've used WebLink Designer to hide any of the other Top Bar Navigation links, it's possible the indexes for your site's Sign Out link and the adjacent link spacer will be different." If you set "Show My WebLink Link" to "No" from Designer > Navigation, all the element index numbers in the CSS below should decrease by 1, as the first child element is then the link spacer span before the "Help" link. I.e., change "a:nth-child(7)" to "a:nth-child(6)" and so on.

This is the whole set you can pick and choose from:

/* My WebLink link */
.topBarNavigation > a:nth-child(1) {
	display: none;
}
/* Link spacer before Help link */
.topBarNavigation > span:nth-child(2) {
	display: none;
}
/* Help link */
.topBarNavigation > a:nth-child(3) {
	display: none;
}
/* Link spacer before About link */
.topBarNavigation > span:nth-child(4) {
	display: none;
}
/* About link */
.topBarNavigation > a:nth-child(5) {
	display: none;
}
/* Link spacer before Sign Out link */
.topBarNavigation > span:nth-child(6) {
	display: none;
}
/* Sign Out link */
.topBarNavigation > a:nth-child(7) {
	display: none;
}

This set successfully hides both About and Sign Out buttons:

/* Link spacer before About link */
.topBarNavigation > span:nth-child(4) {
	display: none;
}
/* About link */
.topBarNavigation > a:nth-child(5) {
	display: none;
}
/* Link spacer before Sign Out link */
.topBarNavigation > span:nth-child(6) {
	display: none;
}
/* Sign Out link */
.topBarNavigation > a:nth-child(7) {
	display: none;
}

If you want to hide all the topBarNavigation links, you can use:

/* All nav links (My WebLink, Help, About, Sign Out) */
.topBarNavigation a {
	display: none;
}
/* All nav link spacers */
.topBarNavigation span {
	display: none;
}

You can't hide the entire .topBarNavigation class element itself or the page formatting breaks.