Messing around with INPUT controls

[jPaul]

Hi everybody,
[ Using WYSIWYG v 21.0.4]
I have a simple Input Object for say ... a password field.
WYSIWYG will generate the HTML code:

Code: Select all

<div id="wb_PW1">
<input type="password" id="PW1" class="inputBox" name="PW1" value="" maxlength="25" tabindex="4" autocomplete="off" spellcheck="false" title="Enter your PassWord" placeholder="Enter your Password"></div>

Naturally, I can't leave things alone without sticking my fingers in the mix.
If I want to add <i class="fa fa-eye toggle" data-target="PW1"></i> to that input box, or an inline-style like style="position:relative;" to position the favicons inside the input box...

how do I go about doing that from within the Input Object properties?

[Pablo]

WYSIWYG Web Builder is not a code editor, you cannot edit the HTML on that level.
The HTML is dynamically generated based on the properties and context of the object.
Even a single change in the properties may result in completely different HTML structure.
Also, whether or not the object is inside a grid or flexbox container will affect the code (floating vs absolute).
So, there is no way to provide a 'code insert' point for every possible combination.

But if you want to add an icon to an input field then you can use the input group instead.
https://www.wysiwygwebbuilder.com/inputgroup.html