You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@royale.apache.org by Harbs <ha...@gmail.com> on 2017/12/13 19:11:25 UTC
Dropdowns
Currently Royale has only very simple dropdown support.
Here’s my idea of what a full-featured dropdown component should look like:
https://semantic-ui.com/modules/dropdown.html <https://semantic-ui.com/modules/dropdown.html>
Right now, the feature that I needed is a dropdown with “selected”. Either a checkbox or some other selection indicator is probably acceptable. Has anyone given thought into implementing a dropdown component yet?
Harbs
Re: Dropdowns
Posted by Alex Harui <ah...@adobe.com.INVALID>.
That's great, but doesn't the Basic DropDownList do this too?
Here is a demo of the HTML Select tag [2]. For me it shows a checkbox and
highlight for the selected item.
Here it is in use in FlexJSStore [3]. Go to Products tab and look at the
"Years of Experience" dropdown.
-Alex
[2] https://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_select
[3] http://home.apache.org/~aharui/FlexJS/FlexJSStore/bin/js-release/
On 12/13/17, 1:08 PM, "Piotr Zarzycki" <pi...@gmail.com> wrote:
>I think the way as you described is being done in MDL. How it's working
>can
>be found in our MDLExample app [1] - Last tab Drop Down List
>
>[1]
>https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fapacheflex
>build.cloudapp.net%3A8080%2Fjob%2FMDLExample%2FlastSuccessfulBuild%2Fartif
>act%2Fexamples%2Froyale%2FMDLExample%2Fbin%2Fjs-debug%2Findex.html&data=02
>%7C01%7Caharui%40adobe.com%7C5b3cb74c7d344ab20afd08d5426daf38%7Cfa7b1b5a7b
>34438794aed2c178decee1%7C0%7C0%7C636487961223884189&sdata=euNEiQPN03x5%2FQ
>3ToNZOu5B9XWMLya48yxZfTNXv2Aw%3D&reserved=0
>
>2017-12-13 21:36 GMT+01:00 Alex Harui <ah...@adobe.com.invalid>:
>
>> I am not understanding something. The Basic DropDownList just wraps a
>> <Select>. That's all it should do. I thought <Select> knew how to show
>> what is selected?
>>
>> Anything else can be added via PAYG principles, including DropDowns that
>> have custom item renderers.
>>
>> My 2 cents,
>> -Alex
>>
>> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>>
>> >I didn’t. Thanks.
>> >
>> >I’ll take a look. (although we really should create a better standard
>> >dropdown component)
>> >
>> >> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki
>><pi...@gmail.com>
>> >>wrote:
>> >>
>> >> Hi Harbs,
>> >>
>> >> Did you try MDL DropDownList ? Maybe it is something which can help
>>you.
>> >>
>> >> Thanks, Piotr
>> >>
>> >> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>> >>
>> >>> Currently Royale has only very simple dropdown support.
>> >>>
>> >>> Here’s my idea of what a full-featured dropdown component should
>>look
>> >>>like:
>> >>>
>> >>>https://na01.safelinks.protection.outlook.com/?url=
>> https%3A%2F%2Fsemanti
>> >>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com
>> %7Ce
>> >>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
>> cee1%7C0%7
>> >>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%
>> 2BIzYJsjTpw3w5eu0
>> >>>m074I%3D&reserved=0
>> >>><https://na01.safelinks.protection.outlook.com/?url=
>> https%3A%2F%2Fsemant
>> >>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%
>> 7Cebbe6606359048fb283208d
>> >>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%
>> 7C63648789669240483
>> >>>5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>> >>> modules/dropdown.html>
>> >>>
>> >>> Right now, the feature that I needed is a dropdown with “selected”.
>> >>>Either
>> >>> a checkbox or some other selection indicator is probably acceptable.
>> >>>Has
>> >>> anyone given thought into implementing a dropdown component yet?
>> >>>
>> >>> Harbs
>> >>
>> >>
>> >>
>> >>
>> >> --
>> >>
>> >> Piotr Zarzycki
>> >>
>> >> Patreon:
>> >>*https://na01.safelinks.protection.outlook.com/?url=
>> https%3A%2F%2Fwww.pat
>> >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com
>> %7Cebbe66063590
>> >>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
>> cee1%7C0%7C0%7C6364878
>> >>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLu
>> rgl%2B0VArfsAqg%3D&reserv
>> >>ed=0
>> >>
>> >><https://na01.safelinks.protection.outlook.com/?url=
>> https%3A%2F%2Fwww.pat
>> >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com
>> %7Cebbe66063590
>> >>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
>> cee1%7C0%7C0%7C6364878
>> >>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLu
>> rgl%2B0VArfsAqg%3D&reserv
>> >>ed=0>*
>> >
>>
>>
>
>
>--
>
>Piotr Zarzycki
>
>Patreon:
>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.patr
>eon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7C5b3cb74c7d344a
>b20afd08d5426daf38%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364879612
>23884189&sdata=HOJLPaOWpxy6B2kWW6cBUtcSyC7xZy%2FXKrpqveICBbo%3D&reserved=0
><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.patr
>eon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7C5b3cb74c7d344a
>b20afd08d5426daf38%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364879612
>23884189&sdata=HOJLPaOWpxy6B2kWW6cBUtcSyC7xZy%2FXKrpqveICBbo%3D&reserved=0
>>*
Re: Dropdowns
Posted by Piotr Zarzycki <pi...@gmail.com>.
I think the way as you described is being done in MDL. How it's working can
be found in our MDLExample app [1] - Last tab Drop Down List
[1]
http://apacheflexbuild.cloudapp.net:8080/job/MDLExample/lastSuccessfulBuild/artifact/examples/royale/MDLExample/bin/js-debug/index.html
2017-12-13 21:36 GMT+01:00 Alex Harui <ah...@adobe.com.invalid>:
> I am not understanding something. The Basic DropDownList just wraps a
> <Select>. That's all it should do. I thought <Select> knew how to show
> what is selected?
>
> Anything else can be added via PAYG principles, including DropDowns that
> have custom item renderers.
>
> My 2 cents,
> -Alex
>
> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>
> >I didn’t. Thanks.
> >
> >I’ll take a look. (although we really should create a better standard
> >dropdown component)
> >
> >> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki <pi...@gmail.com>
> >>wrote:
> >>
> >> Hi Harbs,
> >>
> >> Did you try MDL DropDownList ? Maybe it is something which can help you.
> >>
> >> Thanks, Piotr
> >>
> >> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
> >>
> >>> Currently Royale has only very simple dropdown support.
> >>>
> >>> Here’s my idea of what a full-featured dropdown component should look
> >>>like:
> >>>
> >>>https://na01.safelinks.protection.outlook.com/?url=
> https%3A%2F%2Fsemanti
> >>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com
> %7Ce
> >>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
> cee1%7C0%7
> >>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%
> 2BIzYJsjTpw3w5eu0
> >>>m074I%3D&reserved=0
> >>><https://na01.safelinks.protection.outlook.com/?url=
> https%3A%2F%2Fsemant
> >>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%
> 7Cebbe6606359048fb283208d
> >>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%
> 7C63648789669240483
> >>>5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
> >>> modules/dropdown.html>
> >>>
> >>> Right now, the feature that I needed is a dropdown with “selected”.
> >>>Either
> >>> a checkbox or some other selection indicator is probably acceptable.
> >>>Has
> >>> anyone given thought into implementing a dropdown component yet?
> >>>
> >>> Harbs
> >>
> >>
> >>
> >>
> >> --
> >>
> >> Piotr Zarzycki
> >>
> >> Patreon:
> >>*https://na01.safelinks.protection.outlook.com/?url=
> https%3A%2F%2Fwww.pat
> >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com
> %7Cebbe66063590
> >>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
> cee1%7C0%7C0%7C6364878
> >>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLu
> rgl%2B0VArfsAqg%3D&reserv
> >>ed=0
> >>
> >><https://na01.safelinks.protection.outlook.com/?url=
> https%3A%2F%2Fwww.pat
> >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com
> %7Cebbe66063590
> >>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178de
> cee1%7C0%7C0%7C6364878
> >>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLu
> rgl%2B0VArfsAqg%3D&reserv
> >>ed=0>*
> >
>
>
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*
Re: Dropdowns
Posted by Harbs <ha...@gmail.com>.
Yes. ComboBox should be a good starting point. It’s a but crude at the moment. It might be a nice task to improve ComboBox and give it beads for editable and non-editable fields.
> On Dec 14, 2017, at 12:12 AM, Alex Harui <ah...@adobe.com.INVALID> wrote:
>
> Take a look at ComboBox and/or DateField. It might serve as a starting
> point.
>
> Ideally, ComboBox, DateField and this fancier DropDown should share a
> thing like a "PopUpButton" that we had in Flex. The basic principle is
> that there is a ToggleButton that will show/hide a popup. That thing gets
> composited with some sort of display field, and various beads integrate
> the pieces, including where the dropdown appears and when it closes and
> how any display field gets updated.
>
> My 2 cents,
> -Alex
>
> On 12/13/17, 1:57 PM, "Harbs" <ha...@gmail.com> wrote:
>
>> Right. I was not suggesting changing the basic dropdown.
>>
>> I was thinking we should have an “advanced” dropdown which would use a
>> list with item renderers for the actual dropdown.
>>
>> It should probably be a button-esque component combined with a dropdown
>> similar to how dropdowns worked in Flex.
>>
>> A <select> opens initially on the selected item, but there’s no “sticky”
>> indication to what’s selected. Additionally, there’s no control over the
>> rendering of the list and how much space it takes up. The last bit is
>> especially important for my use case.
>>
>> The actual dropdown is also not style-able at all and sticks out quite
>> badly in my UI.
>>
>> Harbs
>>
>>> On Dec 13, 2017, at 10:36 PM, Alex Harui <ah...@adobe.com.INVALID>
>>> wrote:
>>>
>>> I am not understanding something. The Basic DropDownList just wraps a
>>> <Select>. That's all it should do. I thought <Select> knew how to show
>>> what is selected?
>>>
>>> Anything else can be added via PAYG principles, including DropDowns that
>>> have custom item renderers.
>>>
>>> My 2 cents,
>>> -Alex
>>>
>>> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>>>
>>>> I didn’t. Thanks.
>>>>
>>>> I’ll take a look. (although we really should create a better standard
>>>> dropdown component)
>>>>
>>>>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki
>>>>> <pi...@gmail.com>
>>>>> wrote:
>>>>>
>>>>> Hi Harbs,
>>>>>
>>>>> Did you try MDL DropDownList ? Maybe it is something which can help
>>>>> you.
>>>>>
>>>>> Thanks, Piotr
>>>>>
>>>>> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>>>>>
>>>>>> Currently Royale has only very simple dropdown support.
>>>>>>
>>>>>> Here’s my idea of what a full-featured dropdown component should look
>>>>>> like:
>>>>>>
>>>>>>
>>>>>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fseman
>>>>>> ti
>>>>>>
>>>>>> c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%7
>>>>>> Ce
>>>>>>
>>>>>> bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0
>>>>>> %7
>>>>>>
>>>>>> C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5e
>>>>>> u0
>>>>>> m074I%3D&reserved=0
>>>>>>
>>>>>> <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsema
>>>>>> nt
>>>>>>
>>>>>> ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb28320
>>>>>> 8d
>>>>>>
>>>>>> 5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636487896692404
>>>>>> 83
>>>>>> 5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>>>>>> modules/dropdown.html>
>>>>>>
>>>>>> Right now, the feature that I needed is a dropdown with “selected”.
>>>>>> Either
>>>>>> a checkbox or some other selection indicator is probably acceptable.
>>>>>> Has
>>>>>> anyone given thought into implementing a dropdown component yet?
>>>>>>
>>>>>> Harbs
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>>
>>>>> Piotr Zarzycki
>>>>>
>>>>> Patreon:
>>>>>
>>>>> *https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p
>>>>> at
>>>>>
>>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635
>>>>> 90
>>>>>
>>>>> 48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648
>>>>> 78
>>>>>
>>>>> 96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese
>>>>> rv
>>>>> ed=0
>>>>>
>>>>>
>>>>> <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p
>>>>> at
>>>>>
>>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635
>>>>> 90
>>>>>
>>>>> 48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648
>>>>> 78
>>>>>
>>>>> 96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese
>>>>> rv
>>>>> ed=0>*
>>>>
>>>
>>
>
Re: Dropdowns
Posted by Peter Ent <pe...@adobe.com.INVALID>.
I have not tried this, but are there some kits, like jQuery, where you
just use <select> and then jQuery has a lot of CSS that enables the type
of thing Harbs wants to do as far as user interaction goes? Then you'd
just use a drop down list and style the heck out of it. In other words,
CSS takes care of the hiding and showing, you just change the style on the
<select>. Again, just a guess but might be another path to try.
‹peter
On 12/13/17, 5:12 PM, "Alex Harui" <ah...@adobe.com.INVALID> wrote:
>Take a look at ComboBox and/or DateField. It might serve as a starting
>point.
>
>Ideally, ComboBox, DateField and this fancier DropDown should share a
>thing like a "PopUpButton" that we had in Flex. The basic principle is
>that there is a ToggleButton that will show/hide a popup. That thing gets
>composited with some sort of display field, and various beads integrate
>the pieces, including where the dropdown appears and when it closes and
>how any display field gets updated.
>
>My 2 cents,
>-Alex
>
>On 12/13/17, 1:57 PM, "Harbs" <ha...@gmail.com> wrote:
>
>>Right. I was not suggesting changing the basic dropdown.
>>
>>I was thinking we should have an ³advanced² dropdown which would use a
>>list with item renderers for the actual dropdown.
>>
>>It should probably be a button-esque component combined with a dropdown
>>similar to how dropdowns worked in Flex.
>>
>>A <select> opens initially on the selected item, but there¹s no ³sticky²
>>indication to what¹s selected. Additionally, there¹s no control over the
>>rendering of the list and how much space it takes up. The last bit is
>>especially important for my use case.
>>
>>The actual dropdown is also not style-able at all and sticks out quite
>>badly in my UI.
>>
>>Harbs
>>
>>> On Dec 13, 2017, at 10:36 PM, Alex Harui <ah...@adobe.com.INVALID>
>>>wrote:
>>>
>>> I am not understanding something. The Basic DropDownList just wraps a
>>> <Select>. That's all it should do. I thought <Select> knew how to
>>>show
>>> what is selected?
>>>
>>> Anything else can be added via PAYG principles, including DropDowns
>>>that
>>> have custom item renderers.
>>>
>>> My 2 cents,
>>> -Alex
>>>
>>> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>>>
>>>> I didn¹t. Thanks.
>>>>
>>>> I¹ll take a look. (although we really should create a better standard
>>>> dropdown component)
>>>>
>>>>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki
>>>>><pi...@gmail.com>
>>>>> wrote:
>>>>>
>>>>> Hi Harbs,
>>>>>
>>>>> Did you try MDL DropDownList ? Maybe it is something which can help
>>>>>you.
>>>>>
>>>>> Thanks, Piotr
>>>>>
>>>>> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>>>>>
>>>>>> Currently Royale has only very simple dropdown support.
>>>>>>
>>>>>> Here¹s my idea of what a full-featured dropdown component should
>>>>>>look
>>>>>> like:
>>>>>>
>>>>>>
>>>>>>https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsema
>>>>>>n
>>>>>>ti
>>>>>>
>>>>>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%
>>>>>>7
>>>>>>Ce
>>>>>>
>>>>>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C
>>>>>>0
>>>>>>%7
>>>>>>
>>>>>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5
>>>>>>e
>>>>>>u0
>>>>>> m074I%3D&reserved=0
>>>>>>
>>>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsem
>>>>>>a
>>>>>>nt
>>>>>>
>>>>>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb2832
>>>>>>0
>>>>>>8d
>>>>>>
>>>>>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648789669240
>>>>>>4
>>>>>>83
>>>>>> 5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>>>>>> modules/dropdown.html>
>>>>>>
>>>>>> Right now, the feature that I needed is a dropdown with ³selected².
>>>>>> Either
>>>>>> a checkbox or some other selection indicator is probably acceptable.
>>>>>> Has
>>>>>> anyone given thought into implementing a dropdown component yet?
>>>>>>
>>>>>> Harbs
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>>
>>>>> Piotr Zarzycki
>>>>>
>>>>> Patreon:
>>>>>
>>>>>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.
>>>>>p
>>>>>at
>>>>>
>>>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063
>>>>>5
>>>>>90
>>>>>
>>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364
>>>>>8
>>>>>78
>>>>>
>>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&res
>>>>>e
>>>>>rv
>>>>> ed=0
>>>>>
>>>>>
>>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.
>>>>>p
>>>>>at
>>>>>
>>>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063
>>>>>5
>>>>>90
>>>>>
>>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364
>>>>>8
>>>>>78
>>>>>
>>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&res
>>>>>e
>>>>>rv
>>>>> ed=0>*
>>>>
>>>
>>
>
Re: Dropdowns
Posted by Alex Harui <ah...@adobe.com.INVALID>.
Take a look at ComboBox and/or DateField. It might serve as a starting
point.
Ideally, ComboBox, DateField and this fancier DropDown should share a
thing like a "PopUpButton" that we had in Flex. The basic principle is
that there is a ToggleButton that will show/hide a popup. That thing gets
composited with some sort of display field, and various beads integrate
the pieces, including where the dropdown appears and when it closes and
how any display field gets updated.
My 2 cents,
-Alex
On 12/13/17, 1:57 PM, "Harbs" <ha...@gmail.com> wrote:
>Right. I was not suggesting changing the basic dropdown.
>
>I was thinking we should have an “advanced” dropdown which would use a
>list with item renderers for the actual dropdown.
>
>It should probably be a button-esque component combined with a dropdown
>similar to how dropdowns worked in Flex.
>
>A <select> opens initially on the selected item, but there’s no “sticky”
>indication to what’s selected. Additionally, there’s no control over the
>rendering of the list and how much space it takes up. The last bit is
>especially important for my use case.
>
>The actual dropdown is also not style-able at all and sticks out quite
>badly in my UI.
>
>Harbs
>
>> On Dec 13, 2017, at 10:36 PM, Alex Harui <ah...@adobe.com.INVALID>
>>wrote:
>>
>> I am not understanding something. The Basic DropDownList just wraps a
>> <Select>. That's all it should do. I thought <Select> knew how to show
>> what is selected?
>>
>> Anything else can be added via PAYG principles, including DropDowns that
>> have custom item renderers.
>>
>> My 2 cents,
>> -Alex
>>
>> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>>
>>> I didn’t. Thanks.
>>>
>>> I’ll take a look. (although we really should create a better standard
>>> dropdown component)
>>>
>>>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki
>>>><pi...@gmail.com>
>>>> wrote:
>>>>
>>>> Hi Harbs,
>>>>
>>>> Did you try MDL DropDownList ? Maybe it is something which can help
>>>>you.
>>>>
>>>> Thanks, Piotr
>>>>
>>>> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>>>>
>>>>> Currently Royale has only very simple dropdown support.
>>>>>
>>>>> Here’s my idea of what a full-featured dropdown component should look
>>>>> like:
>>>>>
>>>>>
>>>>>https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fseman
>>>>>ti
>>>>>
>>>>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%7
>>>>>Ce
>>>>>
>>>>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0
>>>>>%7
>>>>>
>>>>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5e
>>>>>u0
>>>>> m074I%3D&reserved=0
>>>>>
>>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsema
>>>>>nt
>>>>>
>>>>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb28320
>>>>>8d
>>>>>
>>>>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636487896692404
>>>>>83
>>>>> 5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>>>>> modules/dropdown.html>
>>>>>
>>>>> Right now, the feature that I needed is a dropdown with “selected”.
>>>>> Either
>>>>> a checkbox or some other selection indicator is probably acceptable.
>>>>> Has
>>>>> anyone given thought into implementing a dropdown component yet?
>>>>>
>>>>> Harbs
>>>>
>>>>
>>>>
>>>>
>>>> --
>>>>
>>>> Piotr Zarzycki
>>>>
>>>> Patreon:
>>>>
>>>>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p
>>>>at
>>>>
>>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635
>>>>90
>>>>
>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648
>>>>78
>>>>
>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese
>>>>rv
>>>> ed=0
>>>>
>>>>
>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p
>>>>at
>>>>
>>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635
>>>>90
>>>>
>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648
>>>>78
>>>>
>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese
>>>>rv
>>>> ed=0>*
>>>
>>
>
Re: Dropdowns
Posted by Harbs <ha...@gmail.com>.
Right. I was not suggesting changing the basic dropdown.
I was thinking we should have an “advanced” dropdown which would use a list with item renderers for the actual dropdown.
It should probably be a button-esque component combined with a dropdown similar to how dropdowns worked in Flex.
A <select> opens initially on the selected item, but there’s no “sticky” indication to what’s selected. Additionally, there’s no control over the rendering of the list and how much space it takes up. The last bit is especially important for my use case.
The actual dropdown is also not style-able at all and sticks out quite badly in my UI.
Harbs
> On Dec 13, 2017, at 10:36 PM, Alex Harui <ah...@adobe.com.INVALID> wrote:
>
> I am not understanding something. The Basic DropDownList just wraps a
> <Select>. That's all it should do. I thought <Select> knew how to show
> what is selected?
>
> Anything else can be added via PAYG principles, including DropDowns that
> have custom item renderers.
>
> My 2 cents,
> -Alex
>
> On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>
>> I didn’t. Thanks.
>>
>> I’ll take a look. (although we really should create a better standard
>> dropdown component)
>>
>>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki <pi...@gmail.com>
>>> wrote:
>>>
>>> Hi Harbs,
>>>
>>> Did you try MDL DropDownList ? Maybe it is something which can help you.
>>>
>>> Thanks, Piotr
>>>
>>> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>>>
>>>> Currently Royale has only very simple dropdown support.
>>>>
>>>> Here’s my idea of what a full-featured dropdown component should look
>>>> like:
>>>>
>>>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsemanti
>>>> c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%7Ce
>>>> bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7
>>>> C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5eu0
>>>> m074I%3D&reserved=0
>>>> <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsemant
>>>> ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb283208d
>>>> 5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648789669240483
>>>> 5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>>>> modules/dropdown.html>
>>>>
>>>> Right now, the feature that I needed is a dropdown with “selected”.
>>>> Either
>>>> a checkbox or some other selection indicator is probably acceptable.
>>>> Has
>>>> anyone given thought into implementing a dropdown component yet?
>>>>
>>>> Harbs
>>>
>>>
>>>
>>>
>>> --
>>>
>>> Piotr Zarzycki
>>>
>>> Patreon:
>>> *https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat
>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063590
>>> 48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364878
>>> 96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&reserv
>>> ed=0
>>>
>>> <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat
>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063590
>>> 48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364878
>>> 96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&reserv
>>> ed=0>*
>>
>
Re: Dropdowns
Posted by Alex Harui <ah...@adobe.com.INVALID>.
I am not understanding something. The Basic DropDownList just wraps a
<Select>. That's all it should do. I thought <Select> knew how to show
what is selected?
Anything else can be added via PAYG principles, including DropDowns that
have custom item renderers.
My 2 cents,
-Alex
On 12/13/17, 11:20 AM, "Harbs" <ha...@gmail.com> wrote:
>I didn’t. Thanks.
>
>I’ll take a look. (although we really should create a better standard
>dropdown component)
>
>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki <pi...@gmail.com>
>>wrote:
>>
>> Hi Harbs,
>>
>> Did you try MDL DropDownList ? Maybe it is something which can help you.
>>
>> Thanks, Piotr
>>
>> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>>
>>> Currently Royale has only very simple dropdown support.
>>>
>>> Here’s my idea of what a full-featured dropdown component should look
>>>like:
>>>
>>>https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsemanti
>>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%7Ce
>>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7
>>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5eu0
>>>m074I%3D&reserved=0
>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsemant
>>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb283208d
>>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648789669240483
>>>5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0
>>> modules/dropdown.html>
>>>
>>> Right now, the feature that I needed is a dropdown with “selected”.
>>>Either
>>> a checkbox or some other selection indicator is probably acceptable.
>>>Has
>>> anyone given thought into implementing a dropdown component yet?
>>>
>>> Harbs
>>
>>
>>
>>
>> --
>>
>> Piotr Zarzycki
>>
>> Patreon:
>>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat
>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063590
>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364878
>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&reserv
>>ed=0
>>
>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat
>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe66063590
>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364878
>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&reserv
>>ed=0>*
>
Re: Dropdowns
Posted by Piotr Zarzycki <pi...@gmail.com>.
Fully agree! At least this one should provide all the options, styling that
is something individual probably.
Piotr
2017-12-13 20:20 GMT+01:00 Harbs <ha...@gmail.com>:
> I didn’t. Thanks.
>
> I’ll take a look. (although we really should create a better standard
> dropdown component)
>
> > On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki <pi...@gmail.com>
> wrote:
> >
> > Hi Harbs,
> >
> > Did you try MDL DropDownList ? Maybe it is something which can help you.
> >
> > Thanks, Piotr
> >
> > 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
> >
> >> Currently Royale has only very simple dropdown support.
> >>
> >> Here’s my idea of what a full-featured dropdown component should look
> like:
> >> https://semantic-ui.com/modules/dropdown.html <https://semantic-ui.com/
> >> modules/dropdown.html>
> >>
> >> Right now, the feature that I needed is a dropdown with “selected”.
> Either
> >> a checkbox or some other selection indicator is probably acceptable. Has
> >> anyone given thought into implementing a dropdown component yet?
> >>
> >> Harbs
> >
> >
> >
> >
> > --
> >
> > Piotr Zarzycki
> >
> > Patreon: *https://www.patreon.com/piotrzarzycki
> > <https://www.patreon.com/piotrzarzycki>*
>
>
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*
Re: Dropdowns
Posted by Harbs <ha...@gmail.com>.
I didn’t. Thanks.
I’ll take a look. (although we really should create a better standard dropdown component)
> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki <pi...@gmail.com> wrote:
>
> Hi Harbs,
>
> Did you try MDL DropDownList ? Maybe it is something which can help you.
>
> Thanks, Piotr
>
> 2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
>
>> Currently Royale has only very simple dropdown support.
>>
>> Here’s my idea of what a full-featured dropdown component should look like:
>> https://semantic-ui.com/modules/dropdown.html <https://semantic-ui.com/
>> modules/dropdown.html>
>>
>> Right now, the feature that I needed is a dropdown with “selected”. Either
>> a checkbox or some other selection indicator is probably acceptable. Has
>> anyone given thought into implementing a dropdown component yet?
>>
>> Harbs
>
>
>
>
> --
>
> Piotr Zarzycki
>
> Patreon: *https://www.patreon.com/piotrzarzycki
> <https://www.patreon.com/piotrzarzycki>*
Re: Dropdowns
Posted by Piotr Zarzycki <pi...@gmail.com>.
Hi Harbs,
Did you try MDL DropDownList ? Maybe it is something which can help you.
Thanks, Piotr
2017-12-13 20:11 GMT+01:00 Harbs <ha...@gmail.com>:
> Currently Royale has only very simple dropdown support.
>
> Here’s my idea of what a full-featured dropdown component should look like:
> https://semantic-ui.com/modules/dropdown.html <https://semantic-ui.com/
> modules/dropdown.html>
>
> Right now, the feature that I needed is a dropdown with “selected”. Either
> a checkbox or some other selection indicator is probably acceptable. Has
> anyone given thought into implementing a dropdown component yet?
>
> Harbs
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*