web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Pages Entity list Metadata f...

Power Pages

Answered

Entity list Metadata filter show or hide button

(0) Share

Report

Report

Posted on by KM-14051302-0

41

Hi folks,

Quick question, is there a way to implement a show / hide button for metadata filter used in an entity list?

The below image shows the metadata filters which I have applied for an entity list, would be great to have the below hidden by default, and then the user could press a button to show / hide these filters.

Portal Management does not appear to have an OOB setting for this, the filters can take up a large section of the list and screen, a toggle to show or hide them could improve a user's experience in my opinion.

Any advice on how to achieve this using JQuery would be much appreciated.

Categories:

I have the same question (0)

All responses Img

All responses (2)

Answers Img

Answers (1)

Sort by

Verified answer

Inogic 1,283 Moderator on at

Like (1)

Report
Copy link

Link copied!
Hi @KMP_Uniserve ,

As per our understanding you facing the issue to hide the all filter based on toggle
To implement a show/hide button for the metadata filter used in an entity list, you can use the following steps and code:
Open Power Pages Management / Power Portal Management.
Select the list in the content section and find the list where you want to hide the filter.
Select the options tab.
Paste the following code into the custom JavaScript section:

$(document).ready(function(){
        $(".card-body").prepend('<button id="toggleFilters" style="float: right;">Show Filters</button>');

            $("#toggleFilters").click(function(){
                $("#entitylist-filters").toggle();
                if ($("#entitylist-filters").is(":visible")) {
                    $("#toggleFilters").text("Hide Filters");
                    $(".btn-entitylist-filter-submit").show();

                } else {
                    $("#toggleFilters").text("Show Filters");
                     $(".btn-entitylist-filter-submit").hide();
                }
            });
        });

Output:-

Thanks!

Was this reply helpful? Yes No
KM-14051302-0 41 on at

Like (0)

Report
Copy link

Link copied!

Fantastic!! 😃 Thank you @Inogic , I changed "card-body" to "panel-body" and this has provided us with a button to show and hide the metadata filters, much appreciated 😉

Was this reply helpful? Yes No

Join the conversation

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

You're Invited to Keeping It Real with the Power Platform

Quick Links

Subscribe to this forum!

Stay up to date on forum activity by subscribing.

Leaderboard > Power Pages

#1

#2

#2

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals

Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans