sencha-SlideView icon indicating copy to clipboard operation
sencha-SlideView copied to clipboard

Mask not displayed

Open Tezting opened this issue 12 years ago • 7 comments

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

Tezting avatar Mar 22 '13 13:03 Tezting

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/wnielson/sencha-SlideView/issues/2 .

wnielson avatar Mar 22 '13 13:03 wnielson

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 avatar Mar 22 '13 13:03 Tezting

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

wnielson avatar Mar 22 '13 13:03 wnielson

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 avatar Mar 22 '13 13:03 Tezting

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

Tezting avatar Apr 02 '13 08:04 Tezting

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

NeoMorfeo avatar May 24 '13 11:05 NeoMorfeo

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.

christocracy avatar May 24 '13 12:05 christocracy