How to change the color of buttons in portals

(0) Share

Report

Posted on by TaniSantos

250

Hello everyone my name is Taniguchi and i would like to know how can i change the color of the buttons and how can i go to another page when i click send in the form

*This post is locked for comments

I have the same question (0)

All responses (16)

Answers (1)

Suggested answer

Mahendar Pal 45,095 on at

Like (1)

Report

Hi,

You can change color of the button using JQuery or CSS, for example if you want to change it using Jquery you can use

$('#InsertButton').css("background-color", "blue"); //here insertbutton is the id of the button.

To send it to another page you can use

window.location.href = "/support"; //here we are redirecting user to support page.

Let me know if you need any help.

Was this reply helpful? Yes No
TaniSantos 250 on at

Like (0)

Report

How can i know the name of the button, is it the name in the lable ?

Was this reply helpful? Yes No
Suggested answer

Srikanta Mahapatro 190 on at

Like (0)

Report

Hi Taniguchi,

To change the button color of the custom portal, login in portal with a contact with administration role

Open the particular page where the button is present

In content editor click the "Edit" button to open the page and add the below code mentioned in screenshot

clear the cache and your button color will be changed

Thanks,
Srikanta

If found useful, please mark the answer as verified

Was this reply helpful? Yes No
Suggested answer

Mahendar Pal 45,095 on at

Like (0)

Report

Hi Taniguchi,

You can write click on the button and can use inspect to know id of the button, this is not display name.

Let us know if you need more help.

Was this reply helpful? Yes No
TaniSantos 250 on at

Like (0)

Report

the code Works but changed the color of two buttons, probaly because they are in the same class, how can i change the color for the button i want ?

Was this reply helpful? Yes No
Suggested answer

Mahendar Pal 45,095 on at

Like (0)

Report

Can you share your code, as said you need to use id of specific button or some other property to select that particular button only, instead of use class as that can be referred by others as well.

Was this reply helpful? Yes No
Suggested answer

Srikanta Mahapatro 190 on at

Like (0)

Report
Hi Taniguchi,

You can inspect and get the particular class name of that button and write like below

.btn-primary.create-action { color: #fff; background-color: #ff0000; border-color: #ff0000; }

Hope it helps !!!

Thanks,
Srikanta

If found useful, please mark the answer as verified

Was this reply helpful? Yes No
TaniSantos 250 on at

Like (0)

Report

Here is my code and inspect how can i see the id and put in my code ?

Was this reply helpful? Yes No
Suggested answer

Mahendar Pal 45,095 on at

Like (1)

Report

Hi,

As your button don't have id, try to select button using data attribute like below

$('[data-filtercriteriaid="USE id"]').css("background-color", "blue"); //replace USE id from the id of the highlighted area, you can also use any text attribute which you can set from the workflow button setting in the page.

Was this reply helpful? Yes No
Suggested answer

Srikanta Mahapatro 190 on at

Like (0)

Report
Hi,

Use the below code to make it work, As I saw your inspect, the ID might not help as its a GUID and may change

.workflow-link.btn-default { color: #fff; background-color: #ff0000; border-color: #ff0000; }

Thanks,

Srikanta

Was this reply helpful? Yes No