206
Views
11
Comments
[OutSystems Data Grid] How to change text from the data grid
outsystems-data-grid
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

How to change text from drag & drop of data grid ?

2026-04-01 11-40-30
Mahesh Manchala

Hi,

You can override the similar style class(Mentioned below) as per your requirement.

.datagrid-grouppanel:after {

    -servicestudio-content: 'ⓘ You will be able to drag and drop columns in this container.';

    -servicestudio-font-size: 15px;

    -servicestudio-position: relative;

    -servicestudio-padding: 20px;

    -servicestudio-top: 25px;

}


Otherway around is you can refer the WijmoGroupPanelJS javascript file and overwrite accordingly.

UserImage.jpg
Preeti M

Can you please share oml file

2019-07-01 07-16-04
Vinod Patidar

HI Preeti,

You can use below Javascripts in Data Grid OnInitialize Event -


var div = document.querySelectorAll('[wj-part="div-ph"]');

div.innerHtml ="Drag and Drop columns here to create Groups.";



https://personal-r5hrdvm3.outsystemscloud.com/SampleRoleApp/GridSample


Thanks

Vinod

UserImage.jpg
Preeti M

Can you please share OML file

2019-07-01 07-16-04
Vinod Patidar

Please find the attached OML. Please check GridSample Screen.

SampleRoleApp.oml
UserImage.jpg
Preeti M
2019-07-01 07-16-04
Vinod Patidar
UserImage.jpg
Preeti M

I tried in your oml file to change the text but still not working

UserImage.jpg
Anshu Kumar

var div2=document.getElementsByClassName('wjgrouppanel');

div2[0].innerHTML="XYZ.....";

this solution works for me.

2022-06-13 04-26-25
Toan Ngo Van

I hide it: 

var div = document.getElementsByClassName('datagrid-grouppanel')[0];

div.style.visibility = 'hidden';

You can follow this solution.

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