Jump to content

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


MSMK

Recommended Posts

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

1 у ServerModule

Screenshot_1.jpg.5dcc17ede25f22b17d59bcbdb545df81.jpg

2 у формы fmLogin

Screenshot_2.jpg.167a793a100a6d8d11a949a614fcd7ce.jpg

Screenshot_4.jpg.6c80edd40e89095a344ce986f19b4596.jpg

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

Screenshot_3.jpg.0c6a62f7826112238d65cb785fe4aead.jpgScreenshot_5.thumb.jpg.867b9c486718319e3b47b0b0eeb13697.jpg

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

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

Screenshot_6.thumb.jpg.d7812e9dd67c266013e0e83465ff6d43.jpg

ИСХОДНИК testClientResize.zip

Link to comment
Share on other sites

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)
{
  //
}

 

Link to comment
Share on other sites

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)
{
  //
}

 

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

  • Like 1
Link to comment
Share on other sites

  • 5 weeks later...
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)
{
  //
}

 

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

Screenshot.jpg

Link to comment
Share on other sites

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 на стороне клиента в зависимости от размеров браузера ?

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...