Results 1 to 2 of 2

Thread: How to disable a horizontal scrollbar within a FormPanel

  1. #1
    Sencha User
    Join Date
    Sep 2017
    Location
    Germany
    Posts
    2
    Answers
    1

    Default Answered: How to disable a horizontal scrollbar within a FormPanel

    I am quiet new to ExtJS 3.4 and have the folowing problem:

    I added a custom button to a FormPanel and it seems like Chrome is also interpreting this as a change in width, so that it creates an horizontal scrollbar.
    (It's no css problem because I have four styles available (dark/light small/big) and only one of the dark styles doesn't work. I have also tested this with the firefox and edge, no problems there.)

    My attempts:
    I tried using autoScroll: false and overflowX: false,
    I tried to set the PagePosition of the Panel 1px up and right,
    I also tried to change the width of the whole panel (All fields got bigger but the horizontal scrollbar remained)


    I am thankful for every advice how I could possibly handle (or work-around) this issue.
    Attached Images Attached Images

  2. Quote Originally Posted by L0MiN View Post
    I am quiet new to ExtJS 3.4 and have the folowing problem:

    I added a custom button to a FormPanel and it seems like Chrome is also interpreting this as a change in width, so that it creates an horizontal scrollbar.
    (It's no css problem because I have four styles available (dark/light small/big) and only one of the dark styles doesn't work. I have also tested this with the firefox and edge, no problems there.)

    My attempts:
    I tried using autoScroll: false and overflowX: false,
    I tried to set the PagePosition of the Panel 1px up and right,
    I also tried to change the width of the whole panel (All fields got bigger but the horizontal scrollbar remained)


    I am thankful for every advice how I could possibly handle (or work-around) this issue.

    Solution:
    Code:
            if (!!window.chrome && !!window.chrome.webstore) { //Check if the user is using Chrome            
                var dialog = editDialog; //name of the FormPanel
                Ext.defer(function() {
                    dialog.setHeight(841).setWidth(1401);
                }, 10)
            }

  3. #2
    Sencha User
    Join Date
    Sep 2017
    Location
    Germany
    Posts
    2
    Answers
    1

    Default

    Quote Originally Posted by L0MiN View Post
    I am quiet new to ExtJS 3.4 and have the folowing problem:

    I added a custom button to a FormPanel and it seems like Chrome is also interpreting this as a change in width, so that it creates an horizontal scrollbar.
    (It's no css problem because I have four styles available (dark/light small/big) and only one of the dark styles doesn't work. I have also tested this with the firefox and edge, no problems there.)

    My attempts:
    I tried using autoScroll: false and overflowX: false,
    I tried to set the PagePosition of the Panel 1px up and right,
    I also tried to change the width of the whole panel (All fields got bigger but the horizontal scrollbar remained)


    I am thankful for every advice how I could possibly handle (or work-around) this issue.

    Solution:
    Code:
            if (!!window.chrome && !!window.chrome.webstore) { //Check if the user is using Chrome            
                var dialog = editDialog; //name of the FormPanel
                Ext.defer(function() {
                    dialog.setHeight(841).setWidth(1401);
                }, 10)
            }

Similar Threads

  1. Replies: 1
    Last Post: 27 Feb 2015, 11:07 AM
  2. vertical scrollbar in grid causing horizontal scrollbar
    By jeremym in forum Sencha Ext JS Q&A
    Replies: 8
    Last Post: 12 Feb 2014, 12:57 PM
  3. Replies: 4
    Last Post: 6 Sep 2012, 2:57 AM
  4. Disable space for vertical scrollbar on grid?
    By cyberchestnut in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 18 Mar 2011, 1:07 AM
  5. Horizontal Scrollbar caused by Vertical Scrollbar
    By dbeatle123 in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 29 Nov 2010, 6:02 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
  •