13
Views
5
Comments
attached dropdown with fieldset
Question
Application Type
Reactive

Hi,

I'm trying to insert the drop-down inside the (fieldset > legend) HTML tag. Here is the process I'm trying to implement but unable to fix that.

Note : Please see the attached image.

Img-1 => My requirement

Img-2 => My Result

Img-3 => My flow

Any help will be appreciable.

fieldsetdropdown.jpg

mvp_badge
MVP
Rank: #75

Hi Prince,

For the mentioned use-case the required elements in the widget tree section should be somewhat similar to the below attached screen-capture img: 

(Incorporate the required changes as per the actual case)

See this sample app

Hope this helps you!


Kind regards,

Benjith Sam

Rank: #5684

Hi Benjith,


Thanks for reply. But my requirement is different. Please check the attached screen.

Here Field set is attached with the Drop-down.

requirement.PNG

mvp_badge
MVP
Rank: #75

Hi Prince,

Sorry, I'm unable to understand the use-case completely. If possible could you please share the same widget pattern documentation reference for more clarity?

Is it that you want to hide the dropdown widget caret-down mark?

Is it that you only want to showcase the dropdown options inside the fieldset, without Dropdown widget default view?

Or only want to showcase the selected dropdown option within the fieldset?


Kind regards,

Benjith Sam

Rank: #5684


Is it that you only want to showcase the dropdown options inside the fieldset, without Dropdown widget default view? = YES

Is it that you want to hide the dropdown widget caret-down mark? = YES Right.

mvp_badge
MVP
Rank: #75

Hi Prince,

As per the shared information, I have updated the previous implementation. See this sample app 

Defined CSS snippet

.custom-DD .dropdown-container:after {
    content: unset;
}

.custom-DD2 .dropdown-container:after {
    content: unset;
}

.custom-DD2 [data-dropdown] > select.dropdown-display {
    border: unset;
}

Check the attached .oml file


Hope this helps you!


Kind regards,

Benjith Sam

RWALabCustomDD.oml