Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Native Development

Reply
Developer
minmax
Posts: 54
Registered: ‎09-25-2012
My Device: Dev Alpha, Z10

ListView alphabetic A-Z ruler like on native Contacts

[ Edited ]

Hi!
Anybody know how I can make similar (see screen shot) control? As I understand it's some custom control specially for Contacts app and it not accessible from ListView API so maybe somebody help me find way/idea how I can make it.

 

p.s.: under "alphabetic A-Z ruler" I mean vertical line control on right side of contacts list view. It allow User to make quick scroll list to selected char.

 

Thanks.

 

BB10 native_contact list.png

Developer
BBSJdev
Posts: 6,116
Registered: ‎07-05-2012
My Device: Playbook, Dev Alpha C, Z10 LE, Z30

Re: ListView alphabetic A-Z ruler like on native Contacts

It can take a while for pictures to be vetted and show up, as a rule it's best to add a description of the picture with the posting as well, otherwise you might not get an answer for a few hours.


If you've been helped click on Like Button, if you've been saved buy the app. :smileyhappy:

Developer of stokLocker, Sympatico and Super Sentences.
Developer
minmax
Posts: 54
Registered: ‎09-25-2012
My Device: Dev Alpha, Z10

Re: ListView alphabetic A-Z ruler like on native Contacts

Thanks, I don't think about it.
Are you can see picture now?
Developer
BBSJdev
Posts: 6,116
Registered: ‎07-05-2012
My Device: Playbook, Dev Alpha C, Z10 LE, Z30

Re: ListView alphabetic A-Z ruler like on native Contacts

No, it can take several hours sometimes.

Try and describe as best you can what you are trying to achieve and we will try and help you while you are on.

Alternatively some people host the picture elsewhere and provide a link.

 


If you've been helped click on Like Button, if you've been saved buy the app. :smileyhappy:

Developer of stokLocker, Sympatico and Super Sentences.
Developer
lakshman9687
Posts: 243
Registered: ‎07-22-2011
My Device: BlackBerry Z10

Re: ListView alphabetic A-Z ruler like on native Contacts

Hi All,

 

Yes, I am also waiting for solution of above issue, can anyone tellme or any idea.

 

Thanks in advance.

 

Regards,

Lakshman k

----------------------------------------------------------
Feel free to press the like button on the right side to thank the user that helped you.
please mark posts as solved if you found a solution.

Developer
Bullety
Posts: 138
Registered: ‎08-02-2009
My Device: Z10

Re: ListView alphabetic A-Z ruler like on native Contacts

I don't think there is a default option or control to display that fast-scroll option.

 

But as a suggestion, it would possibly work that you:

-create a second ListView (with fixed size and height) and display that on that position over the big ListView

-add your groups to it (or the first letter)

-display the bubble to the left as an ImageView when "onTouch"

-scroll to the selected group when "onTouch" is released

Developer
Bullety
Posts: 138
Registered: ‎08-02-2009
My Device: Z10

Re: ListView alphabetic A-Z ruler like on native Contacts

Developer
jalue
Posts: 196
Registered: ‎03-04-2013
My Device: BB Z10

Re: ListView alphabetic A-Z ruler like on native Contacts

[ Edited ]

Or do something like:

        Label {
            id: scrollLabel
            text: "text"
        }

        Label {
            text: "A"
            onTouch: {
                scrollLabel.text = "A"
            }
            
            onTouchEnter: {
                scrollLabel.text = "A"                
            }
        }
        Label {
            text: "B"

            onTouch: {
                scrollLabel.text = "B"                
            }
            onTouchEnter: {
                scrollLabel.text = "B"                
            }            
        }
        Label {
            text: "C"

            onTouch: {
                scrollLabel.text = "C"                
            }
            onTouchEnter: {
                scrollLabel.text = "C"                
            }            
        }
        Label {
            text: "D"

            onTouch: {
                scrollLabel.text = "D"                
            }  
            onTouchEnter: {
                scrollLabel.text = "D"                
            }                      
        }

 

onTouchEnter, so that if you keep your finger on the 'Scrollbar' and move along it, the ListView could change...

 

Probably easier to create that using C++ within a loop... You may wanna catch and ignore when the finger is released, that way the ListView doesn't get refreshed since onTouch will activate on down and up..