[OPEN] [#552] [4.6.0] Layout Problem in Example-Page "Scrollable Tabs with TabScrollerMenu Plugin"

  1. #1

    [OPEN] [#552] [4.6.0] Layout Problem in Example-Page "Scrollable Tabs with TabScrollerMenu Plugin"

    Hello,
    have you already seen the following cosmetic layout problem in the Example-Page "Scrollable Tabs with TabScrollerMenu Plugin"?
    Regards

    Click image for larger version. 

Name:	2018-07-19 13_08_33-Ext.NET Examples - ASP.NET (Web Forms + MVC) component framework integrating.png 
Views:	70 
Size:	51.7 KB 
ID:	25168

    And when a tab is activated, it creates a gap.

    Click image for larger version. 

Name:	2018-07-19 14_56_55-Ext.NET Examples - ASP.NET (Web Forms + MVC) component framework integrating.png 
Views:	31 
Size:	15.5 KB 
ID:	25169
    Last edited by rwurzer; Jul 19, 2018 at 1:00 PM.
  2. #2
    Hello @rwurzer!

    Thank you very much for taking your time to report us that problem! It really looks like the component could get a good review to become better visually-appealing.

    The example in question is: TabPanel > Basic > Advanced Tabs

    I see that glitch is triggered using the blue or gray theme if we click the tabs around, making it scroll. By pulling the tab via the arrow scrollers this does not happen. Resizing the window horizontally also triggers the issue.

    The glitch happens also in other themes, but at least on the default theme, Triton, it is very hard to notice, as the inactive tabs' background is not outlined.

    It looks like the right scroller button should occupy that space, rather than having it "half-behind" the dropdown menu button.

    There's already an issue bound to that feature. In fact, this is a feature that has not been working in Ext JS for some time now (since around 2015) and was fixed on Ext.NET alone. This means as much as we can fix it, Sencha can come in new versions with a "backpush" breaking it again without further notice, simply because they are not supporting the feature.

    Anyway, we'll take a look on that, and post an update here as soon as we get that glitch fixed.

    The github issue in question is #552.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 5
    Last Post: Aug 17, 2016, 7:31 PM
  2. Replies: 8
    Last Post: Aug 11, 2015, 1:52 PM
  3. Replies: 1
    Last Post: Feb 10, 2015, 3:22 AM
  4. Replies: 0
    Last Post: Mar 13, 2014, 4:34 AM
  5. Replies: 2
    Last Post: Jun 26, 2011, 1:59 AM

Posting Permissions