Kanban item – not show user icon in top right?

[davout]

Is it possible to customize have the kanban component so that the user icon does <span style=”text-decoration: underline;”>not</span> appear in each board entry?

[yavordashew]

Hi davout,
If you want to remove the user icon you can do so by adding the following CSS:

.smart-kanban-task-user{
    display: none!important;
}

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[davout]

I found out how to do this from your docs,  see:
<h3 id=”toc-taskusericon_boolean” title=”taskUserIcon”><span class=”code”>boolean</span></h3>
<p class=”smart-property-description”>Toggles the visibility of the task user icon.</p>
<div class=”smart-property-default-value”>
<h4>Default value</h4>
<span class=”value”>true</span></div>
<div class=”code-example”>Try a demo showcasing the taskUserIcon property.</div>
<div class=”code-example”>
<h4>Example</h4>
Set the taskUserIcon property.
<pre class=”prettyprint”> <smart-kanban [taskUserIcon]=”true”></smart-kanban>
Set the taskUserIcon property by using the component’s instance.
<pre class=”prettyprint”> this.kanban.taskUserIcon = false;
Get the taskUserIcon property.
<pre class=”prettyprint”> let taskUserIcon = this.kanban.taskUserIcon;
</div>

[yavordashew]

Hi davout,
Yes, excuse me for the mistake as I totally forgot about this property of the SmartKanban component.
This is the better approach for this use case.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts