You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

New Feature

HTML Code is a new feature in Joget DX 8 Page Components.

Introduction

You can use HTML Code Component to design the layout or code in HTML/CSS/JS.


Configure HTML Code

NameDescription
HTML

HTML is a page component can be used to achieve advanced form design by putting in any valid -

  1. HTML

    Sample
    <b>this text is in bold</b>
    Sample
    <input type="text" id="fname" name="fname" value="">

    The <input> Element

    Any <input> element in the custom HTML will automatically create a database table column based on the name attribute. 

    To retrieve the value back, you can enable Auto populate saved value? under Advanced Options below.

  2. JavaScript (jQuery is supported)
    Don’t forget to put in <script type="text/javascript"></script> block

    Sample
    <script type="text/javascript">
    alert("hello world");
    </script>
  3. CSS
    Don’t forget to put in <style type="text/css"></style> block

    Sample
    <style type="text/css">
    body{
     font-size: 100%;
    }
    </style> 
ID

Item link slug. Optional field.

Ensure that value defined here is unique to other UI menus in the app, since the first matching/conflicting ID will take precedence in page loading.

AJAX & Events

Ajax & Events Configuration


  • No labels