How to change text from drag & drop of data grid ?
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.
Can you please share oml file
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
Can you please share OML file
Please find the attached OML. Please check GridSample Screen.
I tried same way but not working
Could you please share your OML.
I tried in your oml file to change the text but still not working
have you got it?
var div2=document.getElementsByClassName('wjgrouppanel');
div2[0].innerHTML="XYZ.....";
this solution works for me.
I hide it:
var div = document.getElementsByClassName('datagrid-grouppanel')[0];
div.style.visibility = 'hidden';
You can follow this solution.