[OPEN] [#845] Control heights are not calculated correctly in PartialViews on Autoscroll containers with top-aligned labels

  1. #1

    [OPEN] [#845] Control heights are not calculated correctly in PartialViews on Autoscroll containers with top-aligned labels

    Context:
    Asp.Net MVC4, Ext.Net.MVC 3.2.

    The layout of our application consists of a vbox containing several rows dynamically created witch may contain one or more controls.
    To align correctly those controls we represent every row as a container with an hbox layout.
    Most of our custom controls extend Ext.form.FieldContainer.

    How to reproduce:
    - Controls label alignment is set to “Top”
    - The custom control extends Ext.form.FieldContainer
    - The control is inside a hbox layout (the row in our case)
    - The content is retrieved as a partial view inside the main page

    Now, it appears that setting the container with "Autoscroll" breaks the layout height calculation. The result is that the the last field get clipped on the bottom of the container:

    Without AutoScroll:
    Attachment 24096

    With AutoScroll:
    Attachment 24097

    I'm sending you the updated sample project to reproduce:
    https://onedrive.live.com/redir?resi...int=file%2czip

    The is a similar (or maybe the same) issue on ExtJS reported last month:
    https://www.sencha.com/forum/showthread.php?302189

    Thank you.
    Last edited by Daniil; Jul 27, 2015 at 9:19 AM. Reason: [OPEN] [#845]
  2. #2
    Hi @adrianot,

    Thank you for the report! Created an Issue.
    https://github.com/extnet/Ext.NET/issues/845

    So far, I am unable to find a fix, but I'll continue investigating.
  3. #3
    Would replacing
    <LayoutConfig>
        <ext:VBoxLayoutConfig Align="Stretch" />
    </LayoutConfig>
    with
    <LayoutConfig>
        <ext:AnchorLayoutConfig />
    </LayoutConfig>
    suite your needs?

    AnchorLayout appears to be working well in such scenario.

    As for VBox, there is something wrong deep in the layout sources. I am not sure we'll be able to fix it unless ExtJS team (specifically, designers of the layout system) will fix it and we'll pull it.

Similar Threads

  1. Replies: 12
    Last Post: Jul 28, 2015, 10:11 AM
  2. Replies: 7
    Last Post: Oct 31, 2013, 4:52 AM
  3. [OPEN] [#150] Line chart does not display labels correctly
    By jchau in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 18, 2013, 5:21 AM
  4. Replies: 2
    Last Post: Jun 19, 2012, 1:19 PM
  5. Combo not correctly aligned on IE
    By marcossoft in forum 1.x Help
    Replies: 2
    Last Post: Feb 16, 2009, 6:53 PM

Posting Permissions