Scribble - AppDaddy-Software-Solutions-Inc/framework-markup-language GitHub Wiki

<SCRIBBLE/> : FormField

The <SCRIBBLE/> widget allows a user to draw within the widget and is a form field. <SCRIBBLE/> drawings can be uploaded as UTF8 encoded PNG images.

Restrictions:

  • <SCRIBBLE/> only produces as a UTF8 Base64 string value.

Attributes

Name Type Default Description Req
width int 300 The width of the scribble, must be set to an int to output a constant image size.
height int 200 The height of the scribble, must be set to an int to output a constant image size.
value utf8 null UTF8 Base64 encoded string of the image

Examples

<SCRIBBLE/> with a <POST/>

<FML>
    <POST id="upload" url="https://a.website/api/agreement/signature" onsuccess="" onfail="toast('{upload.statuscode} error from API')">
        <BODY>
            <agreement>
                <signature><![CDATA[data:image/png;base64,{signature}]]></signature>
            </agreement>
        </BODY>
    </POST>
    <BOX width="500" height="500" center="true">
        <SCRIBBLE id="signature" visible="true" enabled="true" />
        <BUTTON type="elevated" label="Agree" enabled="=!noe({signature})" onclick="upload.fire()" />
    </BOX>
</FML>

Scribble Signature

Scribble Signature

logo See it in Action

Other Widgets You May Find Useful:

⚠️ **GitHub.com Fallback** ⚠️