json - How to make a mobile app screen size aware -



json - How to make a mobile app screen size aware -

i want create cordova (phonegap) app can used on devices. including pc screens. want layout adjust number , layout of panels (views) acording simple instructions. chose dojox.app because of way config.json file controls mvc construction of app.

a dojox.app uses controllers handle size , orientation events. config.json file contains "controllers", "views" , other elements define mvc construction of app

//mandatory,listen app.emit events,implement dojox/app/controller "controllers": [ //listens "app-init, app-load" "dojox/app/controllers/load", //listens "app-transition, app-domnode" "dojox/app/controllers/transition", //listens "app-initlayout,app-layoutview,app-resize" "dojox/app/controllers/layout" ], //mandatory, 1 or set of views view1+view2+view3 "defaultview": "home+rightpane", //mandatory, specify application kid views "views": { "home":{ //mandatory set template defaultviews "template": "app/views/home/home.html", "controller" : "app/views/home/home.js", "defaultview": "rightpane", /* when transitioning between tabs, utilize flip animation default */ "defaulttransition": "slide", /* views available scene */ "views": { "rightpane":{ //mandatory set template defaultviews "template": "app/views/rightpane/right.html", "controller" : "app/views/rightpane/right.js", "defaultview": "general", /* when transitioning between tabs, utilize flip animation default */ "defaulttransition": "slide", /* views available scene */ "views": { "about":{ "template": "app/views/about/about.html", "controller" : "app/views/about/view.js" }, "wifi":{ "template": "app/views/wifi/wifi.html", "controller" : "app/views/wifi/wifi.js" }, "general":{ "template": "app/views/general/general.html", "controller" : "app/views/general/general.js" }, "picture":{ "template": "app/views/picture/picture.html", "controller" : "app/views/picture/picture.js" }, "bright":{ "template": "app/views/bright/bright.html", "controller" : "app/views/bright/bright.js" } } } } } }, ...

i want create custom controller changeing "dojox/app/controllers/layout" allow add-on , subtraction of views depending on screen sizs.

dojo has experimental 'dojox/mobile/screensizeaware' module limited 2 panels , not work (well haven't been able to) in mvc environment.

how go defining views in config.json file , how create controller.

i'll give serious thought on next few days. if have suggestions please jot them downwards here.

you should take @ dojox/app/tests/mediaquery3columnapp, show 1, 2 or 3 columns depending upon screen size. includes custom layout controller uses css handle layout, , custom navigation controller seek handle views show when transitioning. not perfect, there issues navigation between views when displayed columns has changed, should started. can run here: http://archive.dojotoolkit.org/nightly/checkout/dojox/app/tests/mediaquery3columnapp/ , can see code here: https://github.com/dmachi/dojox_application/tree/master/tests/mediaquery3columnapp

regards, ed

json mobile layout dojo

Comments

Post a Comment

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* - i've inherited doc publishing process takes docbook , builds html , pdf output, using apache fop both. project had been started, never completed. lots of tweaking, i've able of doc sets build (20+), except handful, , fail severe code 1 of these 2 conditions: "fo:flow" missing kid elements. required content model: marker* "fo:block" not valid kid of "fo:root" the xml output comes out of docbook , docbook-fop checks out well-formed. the fop error in 1 book, "endecagloss", example, points end of string: <fo:flow flow-name="xsl-region-body" start-indent="4pc" end-indent="0pt"/> here’s log output in case: [java] severe: javax.xml.transform.transformerexception: file:/scratch/publishing/hudson/jobs/build-main-endeca-documentation/workspace/serverdoc/w...
Read more

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? - i want insert tables in infoboxes. example, have proteinbox i've developed using infobox template (http://health-and-medicine.wikia.com/wiki/template:proteinbox), , fasta field big fit comfortably in proteinbox. hence collapsible table within box. this tried: {{infobox | row 1 = {| class = "mw-collapsible mw-collapsed wikitable" |- | <!-- table content --> |} }} your problem is, putting nested table within template. pipe characters ( | ) in table syntax collides pipe usage in templates. the commonly used hack around create template called template:! , containing pipe character, , utilize when need set tables, parser functions or other stuff using pipe characters, within templates. table (with every | replaced {{!}} ): {{{!}} {{!}}- {{!}} a1 {{!}} b1 {{!}}- {{!}} a2 {{!}} b2 {{!}}} ...the equivalent of {| |- | a1 | b1 |- | a2 | b2 |} furthermore, hav...
Read more

Local Service User Logged into Windows -

Local Service User Logged into Windows - i created windows service tracks app server user connected through load balancer. it retrieves user logged windows on machine, cross references active directory (ad) business relationship homecoming first name, lastly name , e-mail (for notification through website created project) there 1 scheme on network users remote system, vista system, reason returning values "local service" logged machine, it's weird , security guys impossible "local service" business relationship logged windows. here how user logged windows managementscope ms = new managementscope("\\\\.\\root\\cimv2"); objectquery query = new objectquery("select * win32_computersystem"); managementobjectsearcher searcher = new managementobjectsearcher(ms, query); foreach (managementobject mo in searcher.get()) { _username = mo["username"].tostring(); } // remove domain part username string[] usernameparts = _...
Read more