When I click on a dag.AGgrid row, I want the cursor to show that it is working

Dash Python
1

I already have the pop up set up. When I click on a dag.AGGrid row, I want the cursor to show that it is working like a spinning cursor. How can I achieve this?

2

Hello @ssingh80,

For this, I think you need to use some JS.

Have a clientside function that changes the document.body.style.cursor = 'progress' when the cell is clicked:

Then when the modal opens, have a clientside callback that sets it to default, document.body.style.cursor = 'default'

3

Thank you . How do i write a clientside function?

4

clientside callback is what I meant. XD

app.clientside_callback(
    """function (n) { if (n) { 
            document.body.style.cursor = 'progress'} 
        return window.dash_clientside.no_update
    }""", Output('grid', 'id'), Input('grid', 'cellDoubleClicked'), prevent_initial_call=True
)

app.clientside_callback(
    """function (n) { if (!n) { 
            document.body.style.cursor = 'default'} 
        return window.dash_clientside.no_update
    }""", Output('modal', 'id'), Input('modal', 'is_open'), prevent_initial_call=True
)

These should work, just update the ids.