24
Views
5
Comments
Solved
[OutSystems Data Grid] Removing Pencil Icon from OutSystems Reactive DataGrid-Action Dropdown Click
outsystems-data-grid
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

How can I remove the pencil icon that appears when clicking on the Action Dropdown in an OutSystems Reactive DataGrid? 

I am attaching a screenshot indicating the location from which I want to remove the pencil icon. 

I would appreciate a detailed explanation or steps on achieving this customization.

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Ayush Namdeo 

No there's no other way.
Due to an implementation detail on the Wijmo Flexgrid library, this is not possible at this moment. We already asked them to add it to the product but atm is not possible to know if they will do it and when, since they usually do only 2 majors per year.


UPDATE:

After reaching Wijmo's support they were able to provide a possible workaround that was not obvious but from some quick tests, it did the job.
In the Initialize event from the Grid block, add a Js node with the following code and the pencil won't appear:

Cheers,
GM

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hello @Ayush Namdeo 

The simplest way to remove it is to add the following CSS selector to your theme:

.wj-glyph-pencil {

    display: none; }

Cheers,
GM

2025-01-31 06-55-22
Ayush Namdeo

Thank you, @Gonçalo Martins , for giving me the solution. 

But it removes the checkbox as well, Do we have any solution that only removes the pencil icon without removing the checkbox?

2025-01-31 06-55-22
Ayush Namdeo

Hi @Gonçalo Martins,

Do you have another solution apart from that CSS selection display:none?

Thanks.


2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Ayush Namdeo 

No there's no other way.
Due to an implementation detail on the Wijmo Flexgrid library, this is not possible at this moment. We already asked them to add it to the product but atm is not possible to know if they will do it and when, since they usually do only 2 majors per year.


UPDATE:

After reaching Wijmo's support they were able to provide a possible workaround that was not obvious but from some quick tests, it did the job.
In the Initialize event from the Grid block, add a Js node with the following code and the pencil won't appear:

Cheers,
GM

2025-01-31 06-55-22
Ayush Namdeo


Hi @Gonçalo Martins, 

Thanks for the clarifications.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.