Hi All,

When developing or improving the user interfaces of EMM , IOT server or
device management please utilize the newly introduced "cdmf.unit.ui.modal"
for all the alerts and modal related implementations.

Please find a simple example of how to utilize the above unit for modal
creation and manipulations.
You can utilize the "modalDialog" functions once you import the unit to
your page by adding the below line on the .hbs file.

After which utilize the described functions below in the client side
scripts:

*modalDialog.header("Sample Modal Dialog");*
>
You can use the above method to define the modal header or tile the input
which can be simple text or a HTML content.

*modalDialog.content("Sample Modal Content");*
>
You can use the above method to define the modal content or tile the input
which can be simple text or a HTML content.

 *modalDialog.footer("All Right Received");*
>
You can use the above method to define the modal footer or tile the input
which can be simple text or a HTML content. If there are a set of buttons
you need to include, you can use this method and provide the buttons as
HTML content. Else you can use the method given below.

*modalDialog.footerButtons(object);*
>
You need to provide the input as given below.
This will provide you a footer with buttons which contains the basic
styling from wso2 theme.

In order to show the modal dialog there are 3 options to select from which
are as below:


   - *modalDialog.show()*
      - This will result in a normal modal content without any icons in the
      title
   - *modalDialog.showAsError()*
      - This will result in a modal dialog with an error icon in the title
   - *modalDialog.showAsWarning()*
      - This will result in a modal dialog with a warning icon in the title


Thanks and Best Regards,
Kamidu Sachith Punchihewa
*Software Engineer*
WSO2, Inc.
lean . enterprise . middleware
Mobile : +94 (0) 770566749 <%2B94%20%280%29%20773%20451194>


Disclaimer: This communication may contain privileged or other confidential
information and is intended exclusively for the addressee/s. If you are not
the intended recipient/s, or believe that you may have received this
communication in error, please reply to the sender indicating that fact and
delete the copy you received and in addition, you should not print, copy,
retransmit, disseminate, or otherwise use the information contained in this
communication. Internet communications cannot be guaranteed to be timely,
secure, error or virus-free. The sender does not accept liability for any
errors or omissions.
_______________________________________________
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Reply via email to