<html><head><meta http-equiv="Content-Type" content="text/html charset=us-ascii"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class="">Hi Andres,</div><div class=""><br class=""></div><div class="">I had the chance to work on the current AeroGear UI, and I can see lots of improvements in the new UI that you are proposing! Good work! </div><div class=""><br class=""></div><div class="">Comments inline:</div><div class=""><br class=""></div><div><blockquote type="cite" class=""><div class="">So to walk the talk: I need help with a UI I am doing for Aerogears Unified Push Console [1]:<br class=""><br class="">1- I build this variant viewer base on the current console:<br class=""><a href="http://ando.local:5757/app-detail-variants.html" class="">http://ando.local:5757/app-detail-variants.html</a><br class=""><br class="">Yesterday doing some usability testing (over dinner with a few slightly drunk developers friends of mine) they point out that if you have lots of variants set up, the list would be too long. <br class=""><br class="">I was wondering if any of you have done something similar, or if you can think on better way to show this content.<br class=""></div></blockquote><div>The scenario I see is when the user has lots of variants in Android, for example, but it is interested in iOS variants at this time, so the long Android list is a visual noise to him right now. To solve that, you can add a control to collapse/expand each variants list, so he could collapse the Android variants list.</div><div><br class=""></div><blockquote type="cite" class=""><div class="">2- If on the same screen if you click on "Send push notification" you'll get a modal that shows/hides variants. The same problem will happen here, if there are a bunch of variants set up it would be a huge list.<br class="">A good suggestion is to use Multiple select boxes <a href="https://select2.github.io/examples.html" class="">https://select2.github.io/examples.html</a><br class="">What do you think?<br class=""></div></blockquote><div>I think it is a good solution. We are using this component in LiveOak and it is already implemented on PatternFly, called Multi-select: <a href="https://www.patternfly.org/widgets/#bootstrap-select" class="">https://www.patternfly.org/widgets/#bootstrap-select</a> </div></div><br class=""><div class="">
<div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class="">---</div><div class="">Gabriel Cardoso</div><div class="">User Experience Designer @ Red Hat</div></div>
</div>
<br class=""></body></html>