Logged in vs Logged out. Differences, and how to control them.

kyle shapiro asked on April 8, 2015 15:39

I have noticed that sometimes there is a different appearance depending on if the user is logged in or not. For example, the Document Library webpart looks like this: Image Text

while logged in, the same webpart looks like this: Image Text

What controls these differences? Where can I change it so they looks the same on either mode? What are these different modes called?

Recent Answers

Brenden Kehren answered on April 8, 2015 15:46

When logged into the Admin interface there are several CSS files included as they are needed for the overall design of the Admin interface. When logged out those are not included. So what you could do is find those classes in the Admin stylesheets and copy them to you stylesheet and you should then have the same formatting.

0 votesVote for this answer Mark as a Correct answer

kyle shapiro answered on April 8, 2015 18:15

Thanks Brenden. It would appear that for when logged in,

CMS/App_Themes/Default/bootstrap.css is used.

When logged out,

CMS/App_Themes/Default/DesignMode.css is used.

This is the cause for the differences. I applied the bootstrap.css stylesheet after all my other stylesheets using <link href="/Kentico82/CMSPages/GetResource.ashx?stylesheetfile=/Kentico82/App_Themes/Default/bootstrap.css" type="text/css" rel="stylesheet"/> Do you know of any problems with this solution? I don't see anything different besides this webpart now being styled correctly while viewing it logged out.

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on April 8, 2015 18:43

Technically CMS/App_Themes/Default/DesignMode.css is not used when you are logged out, it's just cached. Clear your browser cache and you'll see it's gone.

I'd be careful of adding the Bootstrap.css stylesheet to your live site as it could cause some unexpected results, which is why I mentioned only using the pieces that are needed.

0 votesVote for this answer Mark as a Correct answer

kyle shapiro answered on April 8, 2015 19:26

I have cleared my cache, but the reference to it remains. In IE it can be found by opening the developers tools, inspecting the header of this document library webpart. Then hovering over the various GetResource.ashx links next to the css to see where it's coming from. I'll take your advice and not include this css on my page. Thanks

0 votesVote for this answer Mark as a Correct answer