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

(1) Share

Report

Report

Posted on 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,821 Super User 2025 Season 1 on at

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

🌸 Community Spring Festival 2025 Challenge & Updates🌸

Replay: Power Platform Community AMA - Copilot Studio | April

Welcome to the Power Platform Communities

Quick Links

Leaderboard

#1

WarrenBelz 146,522 Most Valuable Professional

#2

RandyHayes 76,287 Super User 2024 Season 1

#3

Pstork1 65,890 Most Valuable Professional

Leaderboard

Featured topics

Product updates

Microsoft Power Platform Community release plans