nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to highlight not being logged in

Hans-Hermann Hunfeld

At our company many content can be accessed without being logged in. Unfortunately many users just start to search for any stuff but do not recognize that they re browsing anonymous and therefor not getting all possible results.

Thats why we re thinking about making missing login more obvious, as example change the header to red or add a banner...

Any ideas how to get this running?

Many thanks,
Hans-Hermann

Accepted answers

discountrobot

AJS.toInit(function() {
	var msg = "booh! log in!";

	var $container;

	// is the messageContainer already visable?
	if($('#messageContainer')[0]) {
		$container = $('#messageContainer')
	} else {
		$container = $('&lt;ul id="messageContainer"&gt;&lt;/div&gt;')
		    .prependTo('#full-height-container');	
	}

	var $msgContainer = $('&lt;li id="confluence-message-websudo-message" class="confluence-messages noteMessage"&gt;&lt;/li&gt;')
	    .appendTo($container);

	// if AJS finds no username, the person should be anon
	if(!AJS.params.remoteUser) {
		var $msg = $('&lt;div class="aui-message warning "&gt;&lt;span class="aui-icon icon-warning"&gt;&lt;/span&gt;&lt;/div&gt;')
		   .appendTo($container);
	   $('&lt;span&gt;&lt;/span&gt;')
	       .text(msg)
	       .appendTo($msg);
	}

});

This adds a warning banner similar to the one you get when in the admin panel, if there is no username present (e.g anon user)

All comments

discountrobot

AJS.toInit(function() {
	var msg = "booh! log in!";

	var $container;

	// is the messageContainer already visable?
	if($('#messageContainer')[0]) {
		$container = $('#messageContainer')
	} else {
		$container = $('&lt;ul id="messageContainer"&gt;&lt;/div&gt;')
		    .prependTo('#full-height-container');	
	}

	var $msgContainer = $('&lt;li id="confluence-message-websudo-message" class="confluence-messages noteMessage"&gt;&lt;/li&gt;')
	    .appendTo($container);

	// if AJS finds no username, the person should be anon
	if(!AJS.params.remoteUser) {
		var $msg = $('&lt;div class="aui-message warning "&gt;&lt;span class="aui-icon icon-warning"&gt;&lt;/span&gt;&lt;/div&gt;')
		   .appendTo($container);
	   $('&lt;span&gt;&lt;/span&gt;')
	       .text(msg)
	       .appendTo($msg);
	}

});

This adds a warning banner similar to the one you get when in the admin panel, if there is no username present (e.g anon user)

Hans-Hermann Hunfeld

Hmm, sounds interesting!

But where to put this stuff into? In the "Custom HTML"?

discountrobot

An eariler question indicated that older verisons of confluence does not run javascript when added via the Custom HTML.
I've tested the script on confluence 5.4 by adding the following to one of the custom html boxes.

&lt;script&gt;
AJS.toInit(function() {
	var msg = "booh! log in!";

	var $container;

	// is the messageContainer already visable?
	if($('#messageContainer')[0]) {
		$container = $('#messageContainer')
	} else {
		$container = $('&lt;ul id="messageContainer"&gt;&lt;/div&gt;')
		    .prependTo('#full-height-container');	
	}

	var $msgContainer = $('&lt;li id="confluence-message-websudo-message" class="confluence-messages noteMessage"&gt;&lt;/li&gt;')
	    .appendTo($container);

	// if AJS finds no username, the person should be anon
	if(!AJS.params.remoteUser) {
		var $msg = $('&lt;div class="aui-message warning "&gt;&lt;span class="aui-icon icon-warning"&gt;&lt;/span&gt;&lt;/div&gt;')
		   .appendTo($container);
	   $('&lt;span&gt;&lt;/span&gt;')
	       .text(msg)
	       .appendTo($msg);
	}

});
&lt;/script&gt;

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

confluence-administration