Canvas 7 - Select Picker Icons

2 replies · opened May 20, 2023

SSISCANMay 20, 2023

Hi

The original syntax from component-select-picker.html is: -
<div class="col-lg-6">
<div class="white-section">
<label>Customized with Icons:</label>
<select class="selectpicker">
<option data-icon="fa-solid fa-martini-glass">Mustard</option>
<option data-icon="fa-solid fa-signal">Ketchup</option>
<option data-icon="bi-camera">Relish</option>
</select>
</div>
</div>

I tried to use the Icons with Canvas 7 and it not working, here is the syntax I used: -
<div class="col-lg-6">
<div class="white-section">
<label>Customized with Icons:</label>
<select class="selectpicker">
<option data-icon="icon-edit">Edit</option>
<option data-icon="icon-line-expand">Modal</option>
<option data-icon="icon-book">View</option>
</select>
</div>
</div>

Please advise.

Regards
Barry

SSemicolon WebSTAFFMay 20, 2023

Hello,

You will need to use the Updated Icons from here: https://canvastemplate.com/icons.html . Please make sure that the updated Docs are followed: https://docs.semicolonweb.com/docs/shortcodes/icons/ to avoid unnecessary issues. Additionally, the updated icons.html File has also been already added to the Package Download as well.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANMay 20, 2023

Thank You.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard