Add Icon in HTML Control

Forms SharePoint Online
1

Hello Team,

I have a requirement to add icon and text in same line. I am trying to create a div that acts like a button.

I can use button for this requirement but the challenge is "Open Link in New Tab/Window" cannot be achieved.

Please help if it is possible to link an image as an icon in HTML control i.e. in same line.
Below is the sample that I am trying to achieve in plumsail form

image

2

Dear @Dil,
You can add a custom button with HTML control:

<button class="my-button"><span class="my-icon"></span>Button</button>

Then, adjust its style with CSS code:

.my-button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.my-button .my-icon {
    background: url(https://image.flaticon.com/icons/svg/281/281769.svg) no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px
}
3

Thanks @Nikita_Kurguzov
I have created a custom button with an icon, it worked.

1 Like