Override style of Editorgadget?
Posted: Mon Mar 13, 2017 3:04 pm
I wanted to have some control over the EditorGadget, and I managed to find a small code in the forums for at least setting the align style of it.
Procedure SetEditorGadgetStyle(id,style$,value$)
!spider_GadgetID(v_id).gadget.textbox.style[v_style$]=v_value$
EndProcedure
Example:
SetEditorGadgetStyle(mygadget,"text-align","center")
and it would center the text inside the editorgadget perfectly.
Now, I want to remove the border around it, Inspect in Firefox tells me its
id="dijit_form_SimpleTextarea_1" and class="dijitTextBox dijitTextArea"
but are unable to style (override) it.
In my code I created just 3 editorgadgets, so they are numbered
dijit_form_SimpleTextarea_1
dijit_form_SimpleTextarea_2
dijit_form_SimpleTextarea_3
as id...
This is something I really struggle with for other types of gadgets as well, not always I want to see a border.
This one for instance, removed border from webgadget:
!$(v_wb.div).removeClass("sbWebBorder");
But unable to apply such things to other types of gadgets...
Any help?
Procedure SetEditorGadgetStyle(id,style$,value$)
!spider_GadgetID(v_id).gadget.textbox.style[v_style$]=v_value$
EndProcedure
Example:
SetEditorGadgetStyle(mygadget,"text-align","center")
and it would center the text inside the editorgadget perfectly.
Now, I want to remove the border around it, Inspect in Firefox tells me its
id="dijit_form_SimpleTextarea_1" and class="dijitTextBox dijitTextArea"
but are unable to style (override) it.
In my code I created just 3 editorgadgets, so they are numbered
dijit_form_SimpleTextarea_1
dijit_form_SimpleTextarea_2
dijit_form_SimpleTextarea_3
as id...
This is something I really struggle with for other types of gadgets as well, not always I want to see a border.
This one for instance, removed border from webgadget:
!$(v_wb.div).removeClass("sbWebBorder");
But unable to apply such things to other types of gadgets...
Any help?