You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flex.apache.org by "Piotr Zarzycki (JIRA)" <ji...@apache.org> on 2017/06/29 19:29:00 UTC

[jira] [Resolved] (FLEX-35328) Simplify design of MDL DropDownList

     [ https://issues.apache.org/jira/browse/FLEX-35328?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Piotr Zarzycki resolved FLEX-35328.
-----------------------------------
       Resolution: Fixed
    Fix Version/s: Apache FlexJS 0.9.0

Transformation is completed. DropDownList has been build using components from MDL and has basic look. 

As part of this task I've added to HTML Select and Option.

> Simplify design of MDL DropDownList
> -----------------------------------
>
>                 Key: FLEX-35328
>                 URL: https://issues.apache.org/jira/browse/FLEX-35328
>             Project: Apache Flex
>          Issue Type: Improvement
>          Components: FlexJS
>    Affects Versions: Apache FlexJS 0.8.0
>            Reporter: Piotr Zarzycki
>            Assignee: Piotr Zarzycki
>             Fix For: Apache FlexJS 0.9.0
>
>         Attachments: drop_down_list_result.png
>
>
> Current version of MDL DropDownList consists with two main part.
> 1) Place where selected item is displayed
> 2) List which is showing once user click on drop down (MDL Menu)
> After many tests include in real world application it seems that MDL Menu wasn't to good choice for displaying items in drop down list. It's hard to manipulate sizes of Menu if we would like to use percentage width/height.
> As part of this jira I would like make some simplification to the control where in the results we will have MDL based html:
> {code}
> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
> <label class="mdl-textfield__label" for="names"></label>
>     <select class="mdl-textfield__input" id="id_names" name="names">
>         <option value="Paul">Paul</option>
>         <option value="Pete">Pete</option>
>         <option value="Other">Other</option>
>     </select>
> </label>
> </div>
> {code}
>  



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)