Problem with DropdownTags placeholder

Hello friends, 

someone know how to solve this problem, the placeholder not hidden after select values in DropdownTag.


.OML attached.

Tkns.

Hi Agno,

you are using a height 40px that is breaking the component.

SyntaxEditor Code Snippet

.choices[data-type*="select-multiple"] .choices__inner {
    border-radius: var(--border-radius-soft1);
    height: 40px !important;
    padding: 0 10px !important;
}

Regards,

Marcelo

Marcelo Ferreira wrote:

Hi Agno,

you are using a height 40px that is breaking the component.

SyntaxEditor Code Snippet

.choices[data-type*="select-multiple"] .choices__inner {
    border-radius: var(--border-radius-soft1);
    height: 40px !important;
    padding: 0 10px !important;
}

Regards,

Marcelo

Hi Marcelo,

I removed height 40px but the problem continues.

Rsgards.


Hi Agno,

Are you sure the css of the page refreshed. Because I tested it with your example and is working.

Regards,

Marcelo

Hi Ango,

Could you please try to use below css code on page:

SyntaxEditor Code Snippet

.choices[data-type*="select-multiple"] .choices__inner {
    border-radius: var(--border-radius-soft1);
  height: auto !important;
    padding: 0 10px !important;
}


Hope this helps you!!

Regards,

LK



Lakshmi Kumar Yadav wrote:

Hi Ango,

Could you please try to use below css code on page:

SyntaxEditor Code Snippet

.choices[data-type*="select-multiple"] .choices__inner {
    border-radius: var(--border-radius-soft1);
  height: auto !important;
    padding: 0 10px !important;
}


Hope this helps you!!

Regards,

LK



Hello Lakhmi, thank you for your help.

After update how you told:


what i need is that after select one register, the placeholder is hidden, like this example:


tnks.


Solution

Hi Ango,

Inside the DropdownTagsOnChange client action, use the javascript widget to show/hide the html element.

  • JavascriptHide  : $('.search--wrapper').css('display', 'none');
  • JavascriptShow  : $('.search--wrapper').css('display', 'block');

Below is the app link :

https://lkyadav.outsystemscloud.com/CEABS_PortalServico_WEB/Consultas?_ts=637217952903863442

Also i have attached the sample oml for your refrence.


Hope this helps you.!


Thanks,

LK

Solution

Lakshmi Kumar Yadav wrote:

Hi Ango,

Inside the DropdownTagsOnChange client action, use the javascript widget to show/hide the html element.

  • JavascriptHide  : $('.search--wrapper').css('display', 'none');
  • JavascriptShow  : $('.search--wrapper').css('display', 'block');

Below is the app link :

https://lkyadav.outsystemscloud.com/CEABS_PortalServico_WEB/Consultas?_ts=637217952903863442

Also i have attached the sample oml for your refrence.


Hope this helps you.!


Thanks,

LK


thank you a lot Lakshmi!

Agno Silveira wrote:

Lakshmi Kumar Yadav wrote:

Hi Ango,

Inside the DropdownTagsOnChange client action, use the javascript widget to show/hide the html element.

  • JavascriptHide  : $('.search--wrapper').css('display', 'none');
  • JavascriptShow  : $('.search--wrapper').css('display', 'block');

Below is the app link :

https://lkyadav.outsystemscloud.com/CEABS_PortalServico_WEB/Consultas?_ts=637217952903863442

Also i have attached the sample oml for your refrence.


Hope this helps you.!


Thanks,

LK


thank you a lot Lakshmi!

You're Welcome Agno!!

Glad to hear that is helped you.