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

Web and WebWorks Development

Reply
Developer
lijomon
Posts: 21
Registered: ‎01-11-2010
My Device: 8310
My Carrier: BlackBerry

Widget Development

Hi, How can we use the Tab in widget [ Visual Stuido], Is there is Control that we can use to get the Tab? Please let me know if there is any sample code for implementaion of the same. Thanks and Regards, Lijomon T George.
Please use plain text.
BlackBerry Development Advisor
tneil
Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: Widget Development

Are you simply looking for a way to create a tab like control in HTML for a widget, or do you have a specific ASP.NET control you are trying to use?

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Please use plain text.
Developer
lijomon
Posts: 21
Registered: ‎01-11-2010
My Device: 8310
My Carrier: BlackBerry

Tabs Implementation in widgets

We tried with ASP multiview control and Ajax Tool kit control for tabs.

 

In  simulator it is displaying the Tabs  but tab click event is not working and also the style is not applied properly.

But the same pages works fine, outside simulator (i.e. if you run the application).

 

We tried same using JQuery, we are now able to get the tabs, but we added the api reference in the domain.

 

Is there any other alternative for the same or JQuery is the best option.

 

Thanks and Regards,

Lijomon T George.

Please use plain text.
BlackBerry Development Advisor
tneil
Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: Tabs Implementation in widgets

You can create tabs quickly and easily with standard HTML/JavaScript and Dynamic Dom.  Simply layout the tabs at the top of the screen in a table or <div> statements.  

 

For the contents of each tab you can put them into different <div> statements.  Then when the user clicks on the tabs you can simply change the <div> elements display properties.

 

Invisible: "display: none;"

Visible: "display: inline;"

 

 

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Please use plain text.