Results 1 to 2 of 2

Thread: How to show transparent film on the top of screen

  1. #1
    Sencha User
    Join Date
    Sep 2014
    Posts
    17
    Answers
    2

    Default Answered: How to show transparent film on the top of screen

    Hi,

    I am creating native app using sencha touch. I would like to know how to show transparent film screen on the top of whole original page after button press. Some thing like below one. I need this for help screen.

    Thanks
    Attached Images Attached Images

  2. The screen is so tiny, that I cannot tell, where the arrows are pointing at.
    Do you simply need an overlay of the fullscreen? Simply add a centered modal with top=left=right=bottom=0; or height & width =100%

    Code:
    Ext.define('App.view.HelpOverlay', {
        extend: 'Ext.Container',
        xtype: 'help_overlay',
    
    
        config: {
            fullscreen: true,
            center: true,
            style: 'background-color:rgba(0,0,0,0.6);'
    you can add margin if you need the white outline.

  3. #2
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    599
    Answers
    35

    Default

    The screen is so tiny, that I cannot tell, where the arrows are pointing at.
    Do you simply need an overlay of the fullscreen? Simply add a centered modal with top=left=right=bottom=0; or height & width =100%

    Code:
    Ext.define('App.view.HelpOverlay', {
        extend: 'Ext.Container',
        xtype: 'help_overlay',
    
    
        config: {
            fullscreen: true,
            center: true,
            style: 'background-color:rgba(0,0,0,0.6);'
    you can add margin if you need the white outline.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •