Results 1 to 8 of 8

Thread: Ext JS 6 Viewport issue insane width calulated

  1. #1

    Default Ext JS 6 Viewport issue insane width calulated

    I'd like to ask about how the viewport size is calculated in extjs6? we're migrating from Ext 4 to ext 6 and im new to the extjs. My problem are the followings. I have a login panel which loads, when the first time loads it calculates the following values:

    height: 1060px
    width: 20019px;
    position: relative;
    left: 0px;
    top: -426px;


    When I load it in second time the following values are calculated:

    height: 618px;
    width: 1350px;
    z-index: 18996;
    left: 0px;
    top: 0px;

    What could cause this insane with (20019px) when i first load the page? The login panel is extended from Ext.window.Window

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892
    Answers
    41

    Default

    We'd need to see some code. No idea what you're doing.

  3. #3

    Default

    Quote Originally Posted by Animal View Post
    We'd need to see some code. No idea what you're doing.

    I'm sorry here are they:

    LoginFormPanel: https://pastebin.com/viuEs6F1
    css: https://pastebin.com/1VXYENZd
    viewport: https://pastebin.com/X5hL6eQQ

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892
    Answers
    41

    Default

    Seems strange that Viewport extends Whatever.view.LoginFormPanel

    I can't visualize what you're doing

  5. #5

    Default

    Quote Originally Posted by Animal View Post
    Seems strange that Viewport extends Whatever.view.LoginFormPanel

    I can't visualize what you're doing

    Animal, do you think should I try to extend with Ext.viewport?

  6. #6
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892
    Answers
    41

    Default

    It depends what you want.

    Do you want a special Viewport (A Viewport encapsulates the browser window, and lays out contained components)?

    Or a Window which floats above inline components?

  7. #7

    Default

    Quote Originally Posted by Animal View Post
    It depends what you want.

    Do you want a special Viewport (A Viewport encapsulates the browser window, and lays out contained components)?

    Or a Window which floats above inline components?

    I'd like a simple viewport with a loginFormPanel centered within it.

  8. #8
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892
    Answers
    41

    Default

    Just create an Ext.Window (classic) or Ext.Dialog (modern). They show in the center

Similar Threads

  1. Insane problem in Chrome 30 (only)
    By harel in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 10 Oct 2013, 3:57 AM
  2. Replies: 1
    Last Post: 24 Jun 2012, 2:43 PM
  3. Driving me insane...
    By Bleak in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 26 Jan 2010, 1:41 PM
  4. panels layout [am I going insane?]
    By vitolini in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 24 Sep 2008, 12:35 AM
  5. Going insane with JsonStore
    By Eric24 in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 19 May 2008, 8:31 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •