Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mask not displayed #2

Open
Tezting opened this issue Mar 22, 2013 · 7 comments
Open

Mask not displayed #2

Tezting opened this issue Mar 22, 2013 · 7 comments

Comments

@Tezting
Copy link

Tezting commented Mar 22, 2013

When having a overlay/modal in the container it will not show the mask.

@wnielson
Copy link
Owner

Try increasing the z-index; maybe try a value of 5 or 10.

On Mar 22, 2013, at 9:44 AM, Tezting [email protected] wrote:

When having a overlay/modal in the container it will not show the mask.


Reply to this email directly or view it on
GitHubhttps://github.com//issues/2
.

@Tezting
Copy link
Author

Tezting commented Mar 22, 2013

I will try that on the custom masks.
But how can I do it on something like:
Ext.Viewport.add({
xtype: 'panel',

        // We give it a left and top property to make it floating by default
        left: 0,
        top: 0,

        // Make it modal so you can click the mask to hide the overlay
        modal: true,
        hideOnMaskTap: true,

        // Make it hidden by default
        hidden: true,

        // Set the width and height of the panel
        width: isPhone ? 260 : 400,
        height: isPhone ? '70%' : 400,

        // Here we specify the #id of the element we created in `index.html`
        contentEl: 'content',

        // Style the content and make it scrollable
        styleHtmlContent: true,
        scrollable: true,

        // Insert a title docked at the top with a title
        items: [
            {
                docked: 'top',
                xtype: 'toolbar',
                title: 'Overlay Title'
            }
        ]
    });

where I don't make the mask myself?

@Tezting Tezting closed this as completed Mar 22, 2013
@Tezting Tezting reopened this Mar 22, 2013
@wnielson
Copy link
Owner

A simple way might be to target the mask via CSS.

@Tezting
Copy link
Author

Tezting commented Mar 22, 2013

I will try it and let you know if it works.
Super component I am using it all the time.
The only other issue I have is the "open/close" botton support in issue #1
I have done my own hack but are not sure about the performance.

@Tezting
Copy link
Author

Tezting commented Apr 2, 2013

It works with z-index.
But it would be nice to have the adjustment from the start in the example.

@NeoMorfeo
Copy link

Where did you change the z-indez valua and for what component? i'm trying to see a loading mask on a store, using this component it doesn't show ... but if i removed it... allways work...

thanks in advance

@christocracy
Copy link

Yea, I found this myself. Search the code for "z-infex".

Snet form my iPhone

On May 24, 2013, at 7:25 AM, NeoMorfeo [email protected] wrote:

Where did you change the z-indez valua and for what component? i'm trying to see a loading mask on a store, using this component it doesn't show ... but if i removed it... allways work...

thanks in advance


Reply to this email directly or view it on GitHub.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants