English |
---|
Panel |
---|
borderColor | purple |
---|
borderWidth | 1 |
---|
titleBGColor | #ddccff |
---|
borderStyle | solid |
---|
title | 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.
Image Added
Image Removed
Configure HTML Code
Image Removed
Image Added
Custom ID | Item link slug. Optional field. Info |
---|
Ensure that value defined here is unique to other userview menus in the app, since the first matching/conflicting ID will take precedence in page loading. |
HTML | HTML is a page component can be used to achieve advanced form design by putting in any valid - HTML Code Block |
---|
| <b>this text is in bold</b> |
Code Block |
---|
| <input type="text" id="fname" name="fname" value=""> |
Info |
---|
| 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. |
JavaScript (jQuery is supported) Don’t forget to put in <script type="text/javascript"></script> block Code Block |
---|
| <script type="text/javascript">
alert("hello world");
</script> |
CSS Don’t forget to put in <style type="text/css"></style> block Code Block |
---|
| <style type="text/css">
body{
font-size: 100%;
}
</style> |
|
|
Event Listening
|
ID | Item link slug. Optional field. Info |
---|
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
Events are fundamental to creating interactive and dynamic web pages and AJAX enables the development of more dynamic and interactive web applications without the need to reload the entire page.
Configuration of Ajax & Events.
Image Removed