Re: [Dev] Alert UI Improvements in Device Management/EMM/IOT products
Hi Thusith,
Thank you and +1 for the idea.
@RasikaP, @SajithAR shall we proceed with this soon as the EMM 2.2.0 is out.
WDYT?
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.
On Fri, Oct 14, 2016 at 10:13 AM, Rasika Perera wrote:
> 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
> 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
>> 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
>> thusi...@wso2.com
>>
>
>
>
> --
> With Regards,
>
> *Rasika Perera*
> Software Engineer
> LinkedIn: http://lk.linkedin.com/in/rasika90
>
>
>
> WSO2 Inc. www.wso2.com
> lean.enterprise.middleware
>
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] Alert UI Improvements in Device Management/EMM/IOT products
>
> 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
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
> 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
> thusi...@wso2.com
>
--
With Regards,
*Rasika Perera*
Software Engineer
LinkedIn: http://lk.linkedin.com/in/rasika90
WSO2 Inc. www.wso2.com
lean.enterprise.middleware
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] Alert UI Improvements in Device Management/EMM/IOT products
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
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
thusi...@wso2.com
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
[Dev] Alert UI Improvements in Device Management/EMM/IOT products
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
