If I write a snippet of code in the Header (i.e. a banner or advertisement message), is there a way to wrap the code in something that ensures it only gets display to logged in users?

Perhaps like this - wrap it in a div, i.e. logged_in_content and hide it from users who are not logged in: html.anon div#logged_in_content { display: none; } as mentioned by @Falco: [image] Display banner topic only to logged in users? Support Add the banner topic and hide it with CSS, the html.anon selector can hide it from non logged users.

hi, I’m looking for something similar. i want to show a static html menu at the top, which should only be visible for registered users. I would be interested in a solution too. best regards, Daniel.

I don’t want to hide it. i want to deliver the html block to registered users only.

This will display it to those who are logged in and hide for those who are not.

yes, i know how css works :wink: but this is no solution. [image] daxen: i want to deliver the html block to registered users only. i dont want that not logged in users can see the html in page-source or it can be indexd by search engines. its a closed forum and hiding with css is no solution. i already tried this in the admin backend: https://meta.discourse.org/t/adding-plugin-outlets-using-a-theme/32727/12 but without success. the script tag an inner-html is not published.

Can something similar be done for hiding HTML from certain Groups? Or is a simple CSS solution too much to ask for this? Edit: I misspoke. I didn’t mean individuals, just Groups. @pmusaraj @omarfilip

Search meta for either “currentUser” or “api.getCurrentUser” and you should see several code examples. You can use this to determine whether a user is loggedin, and then act accordingly.

Check if this method is still valid: [image] CSS classes for group membership? (For simplified UI mode) Support There might be something that exists in Discourse already - but I personally don’t know of it… Here is some code I wrote a long time ago and it still appears to work… … however there is probably a far better way. It may / may not help you. For a specific username if (window.jQuery) { window.jQuery(function ($) { var u = Discourse.User.current(); if (u && (u.username === 'DeanMarkTaylor' || u.username === 'BobTheBuilder')) { // Here is where you could add a C…

[image] DigitalStartup: Edit: I misspoke. I didn’t mean individuals, just Groups . I’m not sure, but explore this topic: [image] I want to customize UI based on the users group membership UX This reminds me that the issue of wanting to customize the UI based on the users membership in groups has come up in various forms before (can’t find too many topics though, so maybe it was just in my head). For example: And then there is, of course, the “Click me” button plugin: Also: In more general terms, this means that on certain forums groups distinguish quite different user groups (esp. on those forums where setting up different discourse instances was an option). So the question …

this is a good solution, I have tested, but unfortunately not what I am looking for. I’m looking for a server side solution, not a client side (css/js) solution.

Why do you have to have a server-side solution? Discourse is a full JS app, all of the header components for example have their html generated in JS. You can write the group-specific html in JS, and it will never be displayed to non-group users.

Display Header HTML to Logged-in Users Only

Product Support

omarfilip April 9, 2019, 7:55pm 9

Check if this method is still valid:

Topic		Replies	Views
Show custom HTML in header to member of a specific group Development	5	1034	October 24, 2024
Display different content within a topic based on user's groups membership? Development	6	1437	October 21, 2022
Display banner topic only to logged in users? Product Support	1	1417	January 6, 2017
Check for group membership in Header code? UX	16	2182	March 12, 2019
A spelled out how-to of hiding stuff from non-logged in users Product Support	1	887	March 29, 2020

Display Header HTML to Logged-in Users Only

Related topics