Child pages
  • Styling Solutions

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

For this, the webclient setting servoy.webclient.pushClassToHTMLElement needs to be set to true. The styleClass set on the Servoy element will be pushed into the DOM hierarchy, on the first element of the hierarchy corresponding to the Servoy element.

Example This is an example of how the styleClass of a TEXT_FIELD is pushed into the DOM element

The 'styleClass' property set on the field' is: 'fieldStyleClass', and is defined in the StyleSheet like this:

Code Block
field.fieldStyleClass {
    background-color: #F00;
}

The DOM element will be:

Code Block
<div servoy:id="sv__82335AC7_C903_46F1_8F36_9B44AA4615E3_wrapper" id="sv____82335AC7__C903__46F1__8F36__9B44AA4615E311_wrapper" class="fieldStyleClass" style="position:absolute;height:16px;min-width:130px;width:130px;left:150px;top:130px;">
	<input servoy:id="sv__82335AC7_C903_46F1_8F36_9B44AA4615E3" name="10" class="field" type="text"
	value="3" id="sv____82335AC7__C903__46F1__8F36__9B44AA4615E311" autocomplete="off"
	onkeydown="onKeyDownConsumeEnter(event,
	'?x=u1ooTww5c8GP17GlZDvgUmxY17mD3BWf5ccGjoUMzTveUu0Mi2G1wRitV1MI28ok',
	'sv____82335AC7__C903__46F1__8F36__9B44AA4615E311')" onkeypress="return
	Servoy.Validation.numbersonly(event,false,'.',',','$','%',this,-1);" style="margin:0px;" tabindex="4"
	onblur="postEventCallback(this,'blur','?x=JZec7WTy2t8cdQ*ePrREbjfGUSFMI-
	ZQ8HNJMnJl7JuYaifcsWmWShVmxcd1w*8w',event,false)">
</div>

 

Web Client Template modification

...