10 Replies Latest reply on Apr 5, 2013 2:30 AM by Mark Nongkhlaw

Fullscreen hyprid app using RhoElements

Isaac Sane Apr 2, 2013 6:31 PM

We are developing a Hybrid app using HTML CSS JQuery and Angular.

This is wrapped within RhoElements so that we can use the barcode scanning features of the Motorola MC40

Currently the way the app behaves is that it pushes the app full screen on the MC40 in such a way that the top bar displaying the battery, Wi-Fi & clock gets hidden.

This means we have to develop our own wi-fi and battery indicator which we want to avoid.

Is there a way to make the app fullscreen but it displays the battery indicator, wi-fi signal strength and the time?

Thanks.

mc40_screen.jpg 165.5 K

Re: Fullscreen hyprid app using RhoElements

Isaac Sane Apr 2, 2013 6:40 PM (in response to Isaac Sane)

I have attached a screen shot of the app in fullscreen.
As you can see its pushed flush edge to edge and so the native indicators at the top cannot be seen.
Like Show 0 Likes(0)

Actions
- Re: Fullscreen hyprid app using RhoElements
  
  Alexey Tikhvinsky Apr 3, 2013 1:32 AM (in response to Isaac Sane)
  
  The configuration you call "full screen" is NOT full screen really...
  
  Why do you want to use full screen?
  
  Alexey
  
  Like Show 0 Likes(0)
  
  Actions
  - Re: Fullscreen hyprid app using RhoElements
    
    Isaac Sane Apr 3, 2013 1:17 PM (in response to Alexey Tikhvinsky)
    
    I'm sorry, I don't understand your question.
    
    Aren't all apps full screen? Or perhaps there is another term for what I
    want to achieve.
    
    Please see the images above, it depicts what we are after.
    
    Thank you.
    
    Isaac
    
    On 03/04/2013, at 7:32 PM, Alexey Tikhvinsky <
    
    Like Show 0 Likes(0)
    
    Actions
    - Re: Fullscreen hyprid app using RhoElements
      
      Mark Nongkhlaw Apr 4, 2013 7:06 AM (in response to Isaac Sane)
      
      +1
      
      Another requirement is for seeing the Mobile signal strength before syncing or retrieving data from a webservice
      
      Like Show 0 Likes(0)
      
      Actions
    - Re: Fullscreen hyprid app using RhoElements
      
      Derek Warren Apr 4, 2013 7:50 AM (in response to Isaac Sane)
      
      In the config.xml file there is a Fullscreen setting, if you set it to zero it will be disabled. The config.xml is located in the com.motorolasolutions.rhoelements folder
      
      http://docs.rhomobile.com/rhoelements/ConfigurationSettings
      
      Let us know if this works.
      
      Like Show 0 Likes(0)
      
      Actions
    - Re: Fullscreen hyprid app using RhoElements
      
      Alexey Tikhvinsky Apr 4, 2013 9:34 AM (in response to Isaac Sane)
      
      If you want notification bar showed with indicators then it is NOT FULL screen. In full screen the app takes whole the screen.
      
      If I got it right you need to disable full screen...
      
      Unfortunately the bug with config.xml full screen setting is not fixed in 2.2. It will be fixed in 4.0.
      
      The only way to disable full screen in hybrid app is to change build.yml for runtime and rebuild it.
      Alexey
      1 of 1 people found this helpful
      
      Like Show 0 Likes(0)
      
      Actions
      - Re: Fullscreen hyprid app using RhoElements
        
        Mark Nongkhlaw Apr 4, 2013 5:40 PM (in response to Alexey Tikhvinsky)
        
        Thanks, Alexey. I don't use RhoElements, just good old Rhodes, hence, config.xml doesn't apply to me. May I know that build.yml setting to not set it to fullscreen? Additionally, can it be set in Rhoconfig.txt? Must be there in the docs, I just couldn't find it, so help me guys.
        
        Like Show 0 Likes(0)
        
        Actions
        
        Re: Fullscreen hyprid app using RhoElements
        
        Alexey Tikhvinsky Apr 5, 2013 12:30 AM (in response to Mark Nongkhlaw)
        
        There are really two settings which manages full screen at android:
        First is in rhoconfig.txt
        http://docs.rhomobile.com/rhodes/configuration#run-time-configuration (look for full_screen)
        Second is in build.yml
        http://docs.rhomobile.com/rhodes/build#build-for-android (look for android_title)
        
        If you need real full screen then you need set at rhoconfig.xml
        full_screen = 1
        
        And disable title at build.yml
        android:
        android_title: 0
        
        Android title can be disabled at build time only.
        Notification bar can be disabled at runtime from ruby (does not work form javascript):
        http://docs.rhomobile.com/rhodesapi/webview-api#fullscreenmode
        
        Alexey
        
        Like Show 0 Likes(0)
        
        Actions
        
        Re: Fullscreen hyprid app using RhoElements
        
        Mark Nongkhlaw Apr 5, 2013 2:30 AM (in response to Alexey Tikhvinsky)
        
        That was quite detailed, thanks Alexey
        
        Like Show 0 Likes(0)
        
        Actions
Re: Fullscreen hyprid app using RhoElements

Isaac Sane Apr 4, 2013 3:06 PM (in response to Isaac Sane)

Thanks Guys. Makes sense now.
USER04072 and rph467 you are correct, it is the notification bar that we want visible and b8ea6480-8c19-41c2-b2af-6beaa7366ea6 makes a good case for it.

Since our hybrid app is not compiled through the app generator we don't use the build.yml

I guess I need to push the devs towards using the app generator and test it.
Like Show 0 Likes(0)

Actions

Go to original post