Равнение элемента на стороне клиента

[MSMK]

Доброе время суток! Хочу реализовать равнение панельки по центру формы. Применил следующие свойства:

1 у ServerModule

2 у формы fmLogin

Прописал скрипты у формы fmLogin

Все работает и панелька встает по центру, но когда начинаем тянуть браузер то появляется скролбар и не дает форме ресайзиться, собственно из за этого панелька по мере изменения окна браузера не меняет и расположение.

Могли бы что нить подсказать, как быть в этом случае?

ИСХОДНИК testClientResize.zip

[Sherzod]

2 hours ago, =GGG= said:

Все работает и панелька встает по центру, но когда начинаем тянуть браузер то появляется скролбар и не дает форме ресайзиться, собственно из за этого панелька по мере изменения окна браузера не меняет и расположение.

Добрый день,

Попробуйте:

1. fmLogin.WindowState = wsNormal

2. 

function window.beforeInit(sender, config)
{
    config.shadow=false;
}

3. 

function window.afterrender(sender, eOpts)
{
   Ext.get(sender.id).el.setStyle("padding", 0);
   Ext.get(sender.id).el.setStyle("border-width", 0);
   Ext.get(sender.id).el.setStyle("margin", 0);
}

4. 

function window.afterlayout(sender, layout, eOpts)
{
    var me=this;
    window.addEventListener('resize', function(){me.center()});
}

5. 

function window.resize(sender, width, height, oldWidth, oldHeight, eOpts)
{
  //
}

 

[MSMK]

12 minutes ago, Sherzod said:

Добрый день,

Попробуйте:

1. fmLogin.WindowState = wsNormal

2. 

function window.beforeInit(sender, config)
{
    config.shadow=false;
}

3. 

function window.afterrender(sender, eOpts)
{
   Ext.get(sender.id).el.setStyle("padding", 0);
   Ext.get(sender.id).el.setStyle("border-width", 0);
   Ext.get(sender.id).el.setStyle("margin", 0);
}

4. 

function window.afterlayout(sender, layout, eOpts)
{
    var me=this;
    window.addEventListener('resize', function(){me.center()});
}

5. 

function window.resize(sender, width, height, oldWidth, oldHeight, eOpts)
{
  //
}

 

СПАСИБО! Выручили! 👍

[MSMK]

On 3/16/2021 at 5:44 PM, Sherzod said:

Добрый день,

Попробуйте:

1. fmLogin.WindowState = wsNormal

2. 

function window.beforeInit(sender, config)
{
    config.shadow=false;
}

3. 

function window.afterrender(sender, eOpts)
{
   Ext.get(sender.id).el.setStyle("padding", 0);
   Ext.get(sender.id).el.setStyle("border-width", 0);
   Ext.get(sender.id).el.setStyle("margin", 0);
}

4. 

function window.afterlayout(sender, layout, eOpts)
{
    var me=this;
    window.addEventListener('resize', function(){me.center()});
}

5. 

function window.resize(sender, width, height, oldWidth, oldHeight, eOpts)
{
  //
}

 

Добрый день!  В этом случае как расположить др элементы сверху и снизу страницы?  форма логин только по центру. Может как то можно сверстать элементы позади формы?

[MSMK]

 

[MSMK]

On 3/16/2021 at 5:44 PM, Sherzod said:

Добрый день,

Попробуйте:

1. fmLogin.WindowState = wsNormal

2. 

function window.beforeInit(sender, config)
{
    config.shadow=false;
}

3. 

function window.afterrender(sender, eOpts)
{
   Ext.get(sender.id).el.setStyle("padding", 0);
   Ext.get(sender.id).el.setStyle("border-width", 0);
   Ext.get(sender.id).el.setStyle("margin", 0);
}

4. 

function window.afterlayout(sender, layout, eOpts)
{
    var me=this;
    window.addEventListener('resize', function(){me.center()});
}

5. 

function window.resize(sender, width, height, oldWidth, oldHeight, eOpts)
{
  //
}

 

можно ли менят ьразмеры формы Login на стороне клиента в зависимости от размеров браузера ?

[x11]

Уверен, что можно, а почему нет?

Форма логина - это такая же форма, как и все остальные.