CODEWITHSUNDEEP
sencha-touchsencha-touch-2
Mehdiway
Mehdiway

Reputation: 10646

Sencha Touch - Modal panel height to auto

Is there a way to tell Sencha to resize a modal panel's height to wrap the elements rather than giving it a specific height ?

Upvotes: 0

Views: 901

Answers (2)

Dinkheller
Dinkheller

Reputation: 5054

CustomComponent

Ext.define('MyApp.view.modal.Popup', {
    extend: 'Ext.Panel',
    xtype: 'popup',

    config: {
        cls: 'popup',
        modal: true,
        centered: true,
        hideOnMaskTap: true,
        height: 'auto'
    }
});

CSS

.popup {
  width: 90%;

  > .x-panel-inner {
    position: relative;

    overflow: hidden;
  }
}

Upvotes: 1

Ankit Chaudhary
Ankit Chaudhary

Reputation: 4089

This can be done if its config property 'scrollable' is set to false.And using the following css code

.<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{
position:relative;
}

Upvotes: 2

Related Questions