Answered

Changing Background Color on Entity Form Download Button

(0) Share

Report

Posted on by harrynicol

Does anyone know how to change the entity form download button (download spreadsheet) background color? See screen shot below. Currently it is greenish . and want the same as the button on it's left.

Thank you!

Entity Form Downlaod Button .png

Categories:

Power Apps portals

I have the same question (0)

All responses (3)

Answers (1)

Verified answer

oliver.rodrigues 9,368 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi, you can add CSS styling to achieve this. You can do this at the Web Page level if only applies to that page specific, or even at a CSS file level.

If you do at the Web Page level don't forget that this change has to be done at the Content/Localized web page

Was this reply helpful? Yes No
harrynicol 39 on at

Like (0)

Report
Copy link

Link copied!

Thanks for the suggestion!.

Could not get that to work, as these are Entity View Grid view buttons (Create and Download). See images, first is the Entity View Grid and the subsequent web page. Selecting the button on the Web Editor seems not possible as there is Liquid code to load the Entity view. Any other suggestions?

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Hi @harrynicol ,

There are many ways you can change the color of the button in the entity form. This is one of the way for your reference.
Assuming you have created the page and added the entity form in that page. Then you can follow the below steps.

Steps:

1. Edit the portal app> choose the page where you added the entity form. ( Screenshot below for reference)
2. Click the button where you want to change the color.

3. Select the button and click source code editor icon in the bottom.
4. And then you can add your inline style of the button background color like below.

<button onclick="document.location='~/Admin'" style="background-color: #008CBA; font-size: 16px; color: black;">Back To List</button>

Hope it helps. Thanks
------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No