JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Buttons Focus on radiobuttons is shown in a strange way

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #108704

    When a radiobutton takes the focus, the first button is focused and not the selected one.

    This behaviour creates a lot of confusion because one button, the first, is highlighted because of the focus and the selected is hilighted because of the selection.

    How can I avoid this ?

    Tks

    #108710

    Hi,

    You may change the focused style using CSS.
    Here is an example of the style change:
    https://codepen.io/dkeamcaksoem/pen/MWZExXX

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

    #108723

    Tks but I explained my problem in un unclear mode, may be.

    In my idea a radio butto group is an single element composed of 4 buttons (in your example).

    When I set the focus, I want to set the focus on that element (4 buttons) and the highlighted button should be the selected one in order to avoid having more than one buton emphasized.

    Tks

    #108729

    Hi,

    You may implement the desired functionality this way:
    https://codepen.io/dkeamcaksoem/pen/yLGPGpG

    I hope it helps!

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.