dbc.DropdownMenu style: CSS cursor property not working

vcmorini · May 18, 2020, 11:38am

Hi, although the dbc.DropdownMenu has a disable property, i’ve failed to apply the CSS cursor property to not-allowed.
Any known workaround?
Snippet:

More details:

Many thanks!

vcmorini · May 28, 2020, 3:50pm

Hi together,
As a matter of clarification, with dbc.Button the implementation works perfectly, both with the disabled and style={“cursor”: “pointer”}.

Snippet:

dbc.Button('Not Allowed Button Example', id='not_allowed_btn', disabled=True, color="info", className="mr-1", style={"cursor": "not-allowed"})])

Interestingly, with the dbc.DropdownMenu, it doesn’t.

Cheers

tcbegley · May 28, 2020, 4:08pm

Hey @vcmorini

Use toggle_style instead of style and it should work.

dbc.DropdownMenu(..., toggle_style={"cursor": "not-allowed"}, disabled=True)

vcmorini · May 28, 2020, 6:15pm

Hi @tcbegley, thanks, it worked perfectly!