How to achieve this in mendix tag selector package?

0
In my application, I am using tag selector inside data view widget to show multiple name. Here user can also delete any name by clicking on X icon. If user click on name/outside then user is able to type and also showing no options bar below in red highlighted area. So, how to disable this functionality in tag selector or any other widget I can use instead of tag selector? I want to show only list of names like below image but tile design should above image with only delete name functionality.. Thankyou...
asked
1 answers
0

I would use a listview, style it horizontally (‘horizontal-listview’), use a dynamic class to add the images (for example ‘folders’), wrap the text in a container with a class (‘tag-item’) to set background and the border-radius,  and use the on click event to delete them. The below css is a starting point.

 


.horizontal-listview ul {
    display: flex;
}

.tag-item {
    background-color: #f8f8f8;
    border-radius: 0.5em;
    padding: 0.5em;
}

.folders::before {
    width: 2em;
    height: 1.5em;
    display: inline-block;
    content: '';
    background-image: url("/img/System$WorkflowImages$WorkflowCallMicroflow.svg");
    background-size: 1.7em;
    background-repeat: no-repeat;
}

 

answered