Objective:
This article shows you an example of how you can change the look and feel of formula refresh buttons in Youreka
Before you get started:
These articles might be helpful before you read this one:
Use the following CSS snippet to adjust the appearance of field linked formula refresh buttons.
#formContent .slds-button.slds-button_icon.js-refresh-formula.slds-button_icon-border.input-btn {
width: 40px;
height: 40px;
right: -30px
}#formContent .slds-button.slds-button_icon.js-refresh-formula.slds-button_icon-border.input-btn::before {
content: "Refresh";
position: relative;
top: 24px;
font-size: 0.8em;
}#formContent .slds-button.slds-button_icon.js-refresh-formula.slds-button_icon-border.input-btn .js-formula-icon {
fill: #c9c7c5;
background-color: #c9c7c5;
stroke: #c9c7c5;
border-radius: 0.5em;
position: relative;
top: -0.8em;
}
Before
After
Comments
0 comments
Please sign in to leave a comment.