flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Piotr Zarzycki (JIRA)" <j...@apache.org>
Subject [jira] [Resolved] (FLEX-35328) Simplify design of MDL DropDownList
Date Thu, 29 Jun 2017 19:29:00 GMT

     [ 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

View raw message