Web and WebWorks Development

[peardox]

You've got 2 divs with no obvious float, overflow, width or anything

Looks like it needs a nest of divs with float

I'm not writing it for you, it's basic HTML

[srk2012]

Iam completely new to java and BlackBerry.

Please help me writing suitable div codes according to my targets.

I want  spacing between each language in the vertical row so that it covers the display area correctly.(1st screen0

I want   Channel name  beside or adjacent to the channel image     with certain spacing which looks nioce .

Please do the needful.

 I have been to css tutorials w3 schools  in google now.

[srk2012]

Waiting for your reply peardox so that I can publish my App.

Iam new to java script and html kind of things really.  Iam  basically a c++, symbian developer.

[srk2012]

Can u give me the link  whee the  standadard   specifications for   the Bb 7.0 OS mobiles  HTML5 /   web apps   are

provided like div ,class ui class and width and height etc.

All details regarding logo size,   Icon size  and screen area  etc to publish a web app.

[srk2012]

I want my UI look as

1st screen lnaguages list  ->clik  on any language

2nd screen      supose Engleish language selected

Ui should be in this format

Timesnow

               High                 Meduium           Low

EtNow

             High                     Medium          Low

istead of

EtNow  High

EtNow  Med

ETNow Low

[oros]

Hi there,

You can find the supported web standards for HTML, CSS, and JS on the BlackBerry platform here:

http://developer.blackberry.com/html5/documentation/web_references_1986046.html

In terms of the layout you're after, you will likely need to leverage some <div> containers and apply some CSS styling to position and format them correctly. Alternative, you might be able to use something like the jQuery Mobile or BBUI frameworks for BB10 to get some components that could potentially meet these needs. You can find more information on those frameworks here:

- https://github.com/blackberry/jQueryMobile-BB10-Theme

- https://github.com/blackberry/bbui.js

There are a number of samples of various CSS usages here:

http://www.html5rocks.com/en/tutorials/#type:sample,css

And the following tutorial may also be of use though it uses some newer techniques:

http://www.html5rocks.com/en/tutorials/flexbox/quick/

[srk2012]

Sorry to trouble you again.


My company people have   recommended or asked the  following UI for My App  please help me with this.


The flow will be like this


1)click on the app icon
                                             

2)1st screen or page    ->
                                              company name

                                Languages List will be shown



English

Hindi


Tamil

Telugu


Malayalam

Kannada etc

3)   After selecting any language  or clicking on any language     suppose    Hindi



                                                 company name

• 2G : Low                3G : Medium           Wifi :High      as described in NewBW.html

3)when a user selects low     the  low bandwidth channels images and urls only should show and  play when the user clicks on it.

contained  in my   xml.aspx and  viceversa.

I   mean if a user selects     "Hindi" Language

and later Low  bandwidth  option

all the low bandwidth  hindi  channels  should be shown    and play when the user  clicks

on it

For example NDTV INDIA LOW

                   IndiaTV  Low

                  Sahara Mumbai Low etc

 Presently I have only xml.aspx url

I have asked my people  to make 3 seperate urls for each bandwith like low, med and high.

Note: I have alreday parsed the contents like images and  names, urls frm the xml.aspx file.

Please ask me if u have any query.

Thanks

[oros]

Hi there,

In your case, I might recommend checking out BBUI:

https://github.com/blackberry/bbUI.js

I would recommend starting in the Documentation section and checking out some of the default components (Image List, Radio Buttons, etc.):

https://github.com/blackberry/bbUI.js#documentation

The components there should be able to meet the design you're describing.

[srk2012]

Hi Peardox,

I want to introduce  Tabs functionality  in my present App

Targets:

1)After click on the App Icon, language list showuld be displayed.

2)After election of any language from the list , three tabs or butons  Low, medium and   High should be shown in th etable format as shown in tabs.html.

3)If any Tab for example High is selected then          High feeds or he   that bandtype url should only be called and the channel images of that language with that band type should only be shown.

4)After click on any partcular channel  image , the vdieo or link   conatined in it only showuld play.