Entity List View Selector - Would like to hide a view with javascript

(0) Share

Report

Posted on by Jazzy4321

Hello,

I have an entity list which has 3 views in the view selector. I would like to hide views based on the user's web roles with javascript. I am able to capture the web roles from a liquid tag, but cannot figure out how to hide an individual view. The sample code i get with Copilot is:

$(document).ready(function() {

// Wait for the entity list to load

$(".entitylist").on("loaded", function() {

var roles = '{{ user.roles }}'; // Get the user's roles

console.log(roles);

// Find the dropdown menu for views

var viewDropdown = $(this).find(".view-select");

// Find the option for the view you want to hide and hide it

viewDropdown.find('option[value="Portal Teachers - System-Wide"]').hide();

});

The view does not hide. I would like to do this without creating a web template which is a suggestion in another post. Is this possible?

Categories:

Portals

All responses (2)

Answers (1)

Jazzy4321 5 on at

Like (0)

Report

Re: Entity List View Selector - Would like to hide a view with javascript

That worked perfectly as is. Thanks so much!
Verified answer

Fubar 7,964 Super User 2025 Season 1 on at

Like (1)

Report
Re: Entity List View Selector - Would like to hide a view with javascript

The bit that does the hiding in your code is not correct. The following can probably be refined a bit, AND you will also have to handle the case where the view is the currently selected view also.

Not using the variable at all, something similar to

$("#filterDropdownId ul.dropdown-menu li a[aria-label='Portal Teachers - System-Wide']").parent().hide();