> > This is a great, Hopefully we can propagate this up to UUF level? > AFAIK we don't have a Modal Dialog Unit (or a Fragment) written for UUF.
+1, I think this is a part of the reusable base component rather on the framework of the UUF. Let's add this into the default base component. On Fri, Oct 14, 2016 at 12:29 AM, Thusitha Kalugamage <[email protected]> wrote: > Hi Kamindu, > > This is a great, Hopefully we can propagate this up to UUF level? > AFAIK we don't have a Modal Dialog Unit (or a Fragment) written for UUF. > > @SajithaAR, @RasikaP can we make good use of this? > > Regards, > > On Wed, Oct 12, 2016 at 6:46 PM, Kamidu Punchihewa <[email protected]> > wrote: > >> 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. >> > > > > -- > Thusitha Kalugamage > *Software Engineer* > Mobile : +94 (0) 774 074370 > Tel : +94 (0) 112 145 345 > [email protected] > -- With Regards, *Rasika Perera* Software Engineer LinkedIn: http://lk.linkedin.com/in/rasika90 <http://wso2.com/signature> WSO2 Inc. www.wso2.com lean.enterprise.middleware
_______________________________________________ Dev mailing list [email protected] http://wso2.org/cgi-bin/mailman/listinfo/dev
