News and Announcements icon

Power Platform CommunityForums Power Pages - Customize & Extend How to change the look...

Power Pages - Customize & Extend

Suggested answer

How to change the look and feel of a List View in a Webpage

Like (1) Share

Report

Report

Posted on 8 Apr 2025 19:18:10 by CU07041942-0

1. I'm unable to modify the filter part make the label side by side of the input/ dropdown

2. also I'm unable to change the color of the headers of the table,

can anyone please help me ?
I've added the DOM element of the table header

Categories:

All responses Img

All responses (1)

Answers Img

Answers (0)

Suggested answer

Fubar 7,875 Super User 2025 Season 1 on 09 Apr 2025 at 02:12:27

Like (0)

Report

How to change the look and feel of a List View in a Webpage

For the filter alignment you would need to override (!important) some CSS, but i do not recommend this as it is designed to be above to be better with the responsive design. There is more to this but at a basic level you need to change the display: block to being something else like display: inline !important, and then float: left !important on both of the label and ul tags inside the entity list filer li tag.

Similar with your column header, need to adjust the CSS and include the !important or override the existing styling (or do as an inline update using JavaScript/JQuery).

The difficulty with all of this is there is usually a lack of id's so you need to setup your CSS based on tags and classes and override the existing CSS with the !important keyword at the end of each line.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities - Lets Get Started!

May 14th | Power Platform Community AMA: Power Apps Edition

Quick Links

Leaderboard > Power Pages - Customize & Extend

#1

Ajlan 4

#2

Fubar 2 Super User 2025 Season 1

#2

CBDEV 2

Overall leaderboard

Featured topics

Product updates

Microsoft Power Platform Community release plans