Select via API

Topic: Select via API

O1ivier pro premium priority asked 7 months ago

Hello,

I would like to put the different labels in French. So I go through javascript to create my "select". Unfortunately, I have a graphic problem during creation: the list of options is present.

O1ivier

Snippet

Image Snippet

Ps: A simple method is missing to internationalize the different modules of MB5.

Add comment

Mikołaj Smoleński staff answered 7 months ago

1 0 Best answer

Hi there,

I fixed your snippet. In fact, there is no need to use JS since customization is available also with data-attributes. https://mdbootstrap.com/snippets/standard/o1ivier/2478467#html-tab-view

Best regards

O1ivier pro premium priority commented 7 months ago

Merci ! ;-)

(Thank you!)

Add comment

O1ivier pro premium priority answered 7 months ago

0 0 Best answer

What are all the possible values to change the language? I tested this method but only "data-select-all-label" works.

<select class="select"  multiple data-filter="true" data-select-all-label="Tout sélectionner" data-search-label="Rechercher..." data-options-selected-label="valeurs sélectionnées" data-no-result-text="Pas de résultat">

o1ivier

Mikołaj Smoleński staff commented 7 months ago

All the possible options are placed in the API tab (section Options) in our documentation: https://mdbootstrap.com/docs/standard/forms/select/

Best regards

O1ivier pro premium priority commented 7 months ago

But, we come back to the first problem.

Magdalena Dembna staff premium commented 7 months ago

Regarding native options showing in a snippet - this component s initialized with Javascript and it takes time to render it. We will try to work on this issue. Best regards, Magdalena

Add comment

Write

Create snippet

Status

Answered

Specification of the issue

User: Pro
Premium support: Yes
Technology: MDB 5
MDB Version: 1.0.0
Device: PC
Browser: Chrome
OS: W10
Provided sample code: No
Provided link: Yes

O1ivier

Pro User Premium support

106Support score
12Questions 4Answers

0Snippets likes 6Snippets

Service	Why?	Agreement
Essential cookies	These cookies are strictly necessary to provide you with services available through our websites and to use some of its features, such as access to secure areas. Because these cookies are strictly necessary to deliver the websites, you cannot refuse them without impacting how our websites function. You can block or delete them by changing your browser settings.	No Yes
Functional	These cookies are used to enhance the performance and functionality of our websites but are non-essential to their use. However, without these cookies, certain functionality may become unavailable. These cookies are served by brandflow.net.	No Yes
Google AdWords	These cookies are used to make advertising via Google AdWords messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes
Facebook Pixel	These cookies are used to make advertising Facebook messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes

O1ivier

Privacy Preferences