Mobile List selected item colored track.

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Mobile List selected item colored track.

jorgearr
Hello,
 
On the mobile list I would like to show the track (back-ground color) on the last selected item.
 
Please help.
 
Thank you.

 
> From: qooxdoo-devel-request@lists.sourceforge.net
> Subject: qooxdoo-devel Digest, Vol 110, Issue 2
> To: qooxdoo-devel@lists.sourceforge.net
> Date: Tue, 7 Jul 2015 08:01:10 +0000
>
> Send qooxdoo-devel mailing list submissions to
> qooxdoo-devel@lists.sourceforge.net
>
> To subscribe or unsubscribe via the World Wide Web, visit
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> or, via email, send a message with subject or body 'help' to
> qooxdoo-devel-request@lists.sourceforge.net
>
> You can reach the person managing the list at
> qooxdoo-devel-owner@lists.sourceforge.net
>
> When replying, please edit your Subject line so it is more specific
> than "Re: Contents of qooxdoo-devel digest..."
>
>
> Today's Topics:
>
> 1. Font resize on browser resize (Josep Torres)
> 2. Re: Font resize on browser resize (Cajus Pollmeier)
> 3. Re: Font resize on browser resize (Josep Torres)
> 4. How can i use qxWeb inside Desktop APP? (Phyo Arkar)
> 5. Re: How can i use qxWeb inside Desktop APP? (Phyo Arkar)
> 6. Re: no contribution app type with qx-v5.0? (graubart)
> 7. Mobile Picker problem on Desktop Browsers (Gerald Lo)
>
>
> ----------------------------------------------------------------------
>
> Message: 1
> Date: Wed, 1 Jul 2015 08:35:10 +0000
> From: Josep Torres <Torres@newvoice.ch>
> Subject: [qooxdoo-devel] Font resize on browser resize
> To: "qooxdoo-devel@lists.sourceforge.net"
> <qooxdoo-devel@lists.sourceforge.net>
> Message-ID: <0EA2B05336EB104B9CA250E012026D183EE25C75@ex01.nvi.local>
> Content-Type: text/plain; charset="us-ascii"
>
> Hi all,
>
> I would like to resize the qx.bom.font on some labels and buttons when the browser is resized.
>
> Can somebody give any hints on how to accomplish that? Should I extend qx.bom.font in some way?
>
> Is there an easy way to use ccs3 properties like em? Or even better vw, vh, vmin, vmax and size it to the viewport?
>
> Best Regards.
> -------------- next part --------------
> An HTML attachment was scrubbed...
>
> ------------------------------
>
> Message: 2
> Date: Wed, 01 Jul 2015 11:36:47 +0200
> From: Cajus Pollmeier <pollmeier@gonicus.de>
> Subject: Re: [qooxdoo-devel] Font resize on browser resize
> To: qooxdoo-devel@lists.sourceforge.net
> Message-ID: <1435743407.27890.2.camel@gonicus.de>
> Content-Type: text/plain; charset="utf-8"
>
> Try http://tinyurl.com/pfuob5j
>
>
> Am Mittwoch, den 01.07.2015, 08:35 +0000 schrieb Josep Torres:
> > Hi all,
> >
> > I would like to resize the qx.bom.font on some labels and buttons
> > when the browser is resized.
> >
> > Can somebody give any hints on how to accomplish that? Should I
> > extend qx.bom.font in some way?
> >
> > Is there an easy way to use ccs3 properties like em? Or even better
> > vw, vh, vmin, vmax and size it to the viewport?
> >
> > Best Regards.
> > ---------------------------------------------------------------------
> > ---------
> > Don't Limit Your Business. Reach for the Cloud.
> > GigeNET's Cloud Solutions provide you with the tools and support that
> > you need to offload your IT needs and focus on growing your business.
> > Configured For All Businesses. Start Your Cloud Today.
> > https://www.gigenetcloud.com/
> > _______________________________________________
> > qooxdoo-devel mailing list
> > qooxdoo-devel@lists.sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> -------------- next part --------------
> A non-text attachment was scrubbed...
> Name: not available
> Type: application/pgp-signature
> Size: 173 bytes
> Desc: This is a digitally signed message part
>
> ------------------------------
>
> Message: 3
> Date: Wed, 1 Jul 2015 09:58:03 +0000
> From: Josep Torres <Torres@newvoice.ch>
> Subject: Re: [qooxdoo-devel] Font resize on browser resize
> To: "qooxdoo-devel@lists.sourceforge.net"
> <qooxdoo-devel@lists.sourceforge.net>
> Message-ID: <0EA2B05336EB104B9CA250E012026D183EE25CD2@ex01.nvi.local>
> Content-Type: text/plain; charset="utf-8"
>
> Great awesome!!!!
> Thanks a lot for the tip.
>
> -----Original Message-----
> From: Cajus Pollmeier [mailto:pollmeier@gonicus.de]
> Sent: Mittwoch, 1. Juli 2015 11:37
> To: qooxdoo-devel@lists.sourceforge.net
> Subject: Re: [qooxdoo-devel] Font resize on browser resize
>
> Try http://tinyurl.com/pfuob5j
>
>
> Am Mittwoch, den 01.07.2015, 08:35 +0000 schrieb Josep Torres:
> > Hi all,
> >
> > I would like to resize the qx.bom.font on some labels and buttons when
> > the browser is resized.
> >
> > Can somebody give any hints on how to accomplish that? Should I extend
> > qx.bom.font in some way?
> >
> > Is there an easy way to use ccs3 properties like em? Or even better
> > vw, vh, vmin, vmax and size it to the viewport?
> >
> > Best Regards.
> > ---------------------------------------------------------------------
> > ---------
> > Don't Limit Your Business. Reach for the Cloud.
> > GigeNET's Cloud Solutions provide you with the tools and support that
> > you need to offload your IT needs and focus on growing your business.
> > Configured For All Businesses. Start Your Cloud Today.
> > https://www.gigenetcloud.com/
> > _______________________________________________
> > qooxdoo-devel mailing list
> > qooxdoo-devel@lists.sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
> ------------------------------
>
> Message: 4
> Date: Sun, 5 Jul 2015 21:06:13 +0630
> From: Phyo Arkar <phyo.arkarlwin@gmail.com>
> Subject: [qooxdoo-devel] How can i use qxWeb inside Desktop APP?
> To: qooxdoo-devel <qooxdoo-devel@lists.sourceforge.net>
> Message-ID:
> <CA+HjJrjWnUND=0Ya8wF4yUo0WcDWVtq-M_xABQH9juAAnCTk=g@mail.gmail.com>
> Content-Type: text/plain; charset="utf-8"
>
> I want to select class of item inside list Item , which have : class name =
> "mention" and bind a click event.
> -------------- next part --------------
> An HTML attachment was scrubbed...
>
> ------------------------------
>
> Message: 5
> Date: Sun, 5 Jul 2015 22:13:26 +0630
> From: Phyo Arkar <phyo.arkarlwin@gmail.com>
> Subject: Re: [qooxdoo-devel] How can i use qxWeb inside Desktop APP?
> To: qooxdoo-devel <qooxdoo-devel@lists.sourceforge.net>
> Message-ID:
> <CA+HjJrgQXOH22bcadDcVC_bxYvh2Lf8+6jB80J7XYD92MNZYYA@mail.gmail.com>
> Content-Type: text/plain; charset="utf-8"
>
> I want to catch event and interact with qxDesktop.
>
> On Sun, Jul 5, 2015 at 9:06 PM, Phyo Arkar <phyo.arkarlwin@gmail.com> wrote:
>
> > I want to select class of item inside list Item , which have : class name
> > = "mention" and bind a click event.
> >
> -------------- next part --------------
> An HTML attachment was scrubbed...
>
> ------------------------------
>
> Message: 6
> Date: Mon, 6 Jul 2015 05:45:53 -0700 (MST)
> From: graubart <andreas.gummer@gmx.de>
> Subject: Re: [qooxdoo-devel] no contribution app type with qx-v5.0?
> To: qooxdoo-devel@lists.sourceforge.net
> Message-ID: <1436186753006-7587312.post@n2.nabble.com>
> Content-Type: text/plain; charset=us-ascii
>
> ping?
>
>
>
> --
> View this message in context: http://qooxdoo.678.n2.nabble.com/no-contribution-app-type-with-qx-v5-0-tp7587265p7587312.html
> Sent from the qooxdoo mailing list archive at Nabble.com.
>
>
>
> ------------------------------
>
> Message: 7
> Date: Tue, 7 Jul 2015 01:01:04 -0700 (MST)
> From: Gerald Lo <gero18_@hotmail.com>
> Subject: [qooxdoo-devel] Mobile Picker problem on Desktop Browsers
> To: qooxdoo-devel@lists.sourceforge.net
> Message-ID: <1436256064370-7587313.post@n2.nabble.com>
> Content-Type: text/plain; charset=us-ascii
>
> Hi All,
>
> I found that the mobile picker "qx.ui.mobile.control.Picker",
> does not run smoothly on desktop Firefox 39.0 and IE 11.
>
> The problem can be tested on the demo site:
> http://demo.qooxdoo.org/4.1.1/mobileshowcase/index.html#%2Fdialog
> <http://demo.qooxdoo.org/4.1.1/mobileshowcase/index.html#%2Fdialog>
> http://demo.qooxdoo.org/5.0/mobileshowcase/index.html#%2Fdialog
> <http://demo.qooxdoo.org/5.0/mobileshowcase/index.html#%2Fdialog>
>
> If you click on the slots, it works well.
> If you drag the scroll bars, the slots may stop at the gap between values,
> but dragging on the slots are disabled on Firefox and IE.
> Using the scroll wheel on mouse does not solve the problem.
> Sometimes using the "qx.ui.mobile.control.Picker.setSelectedIndex()", it
> fails to select the correct item.
>
>
> This problem does NOT occur on Chrome 43.0 for desktop and mobile version.
> And does not occur on Firefox for Android (Version 39.0).
>
> For qx 4.0.1, the old "qx.ui.mobile.dialog.Picker" do not have this problem
> The following demo site do not have such issue:
> http://demo.qooxdoo.org/4.0.1/mobileshowcase/index.html#%2Fdialog
> <http://demo.qooxdoo.org/4.0.1/mobileshowcase/index.html#%2Fdialog>
>
>
> Since this is a problem of mobile widgets on desktop browsers,
> I am wondering whether I should consider this as a bug or issue.
> Anyway, this is inconvenient for writing the mobile applications on a
> desktop PC.
>
> Any Advice?
>
>
>
>
> --
> View this message in context: http://qooxdoo.678.n2.nabble.com/Mobile-Picker-problem-on-Desktop-Browsers-tp7587313.html
> Sent from the qooxdoo mailing list archive at Nabble.com.
>
>
>
> ------------------------------
>
> ------------------------------------------------------------------------------
> Don't Limit Your Business. Reach for the Cloud.
> GigeNET's Cloud Solutions provide you with the tools and support that
> you need to offload your IT needs and focus on growing your business.
> Configured For All Businesses. Start Your Cloud Today.
> https://www.gigenetcloud.com/
>
> ------------------------------
>
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
> End of qooxdoo-devel Digest, Vol 110, Issue 2
> *********************************************

------------------------------------------------------------------------------
Don't Limit Your Business. Reach for the Cloud.
GigeNET's Cloud Solutions provide you with the tools and support that
you need to offload your IT needs and focus on growing your business.
Configured For All Businesses. Start Your Cloud Today.
https://www.gigenetcloud.com/
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Mobile List selected item colored track.

Kamilla
It looks like an "active" state is added on onPointerDown (on "data-selectable" items) event and it makes the selected item highlighted.
However on onPointerUp and onPointerMove the state is being removed and the selection is gone.
So at the moment I cannot see how can it be done and would like to know if there is a solution for this too.
I can stopPropagation which will stop the item from removing the "active" state, but other list items state needs to be adjusted as well and it's tricky.
Reply | Threaded
Open this post in threaded view
|

Re: Mobile List selected item colored track.

Kamilla
In reply to this post by jorgearr
OK, so I managed to do it this way:

      list.addListener("changeSelection", function(e)
        {
          var row = e.getData();

          var renderedItems = qx.bom.Selector.query(".list-item", list.getContentElement());

          for (var i = 0, l = renderedItems.length; i < l; i++)
          {
            var item = renderedItems[i];
            if (i === row)
            {
              qx.bom.element.Class.add(item, "active");
            }
            else
            {
              qx.bom.element.Class.remove(item, "active");
            }
          }
        });