[CLOSED] Textarea with note height is incorrect inside tab panel with deferred render false and not first tab

  1. #1

    [CLOSED] Textarea with note height is incorrect inside tab panel with deferred render false and not first tab

    Hi,

    I have some complex forms that include tab panels. I use deferred render = false (to prevent other issues). But when I do so, if I have a textarea with a note, the rendering seems to calculate the height without taking the note into account. So if the note is aligned at the bottom it is cut off, and if it aligned at the top, the textarea gets cut off.

    If the same textarea is on the first tab (which probably doesn't need the deferred render handling) then it is okay.

    Here is an example:

    <%@ Page Language="C#" %>
    <!DOCTYPE html>
    <html>
      <head runat="server">
        <title>Textarea tests</title>
      </head>
      <body>
        <ext:ResourceManager runat="server" />
        
        <ext:TabPanel runat="server" DeferredRender="false">
          <Items>
            <ext:Panel runat="server" Title="Tab" />
            <ext:Panel runat="server" Layout="FormLayout" Title="Tab">
              <Items>
                <ext:TextArea runat="server" FieldLabel="blah" Height="100" Note="Blah blah" NoteAlign="Down" />
                <ext:TextField runat="server" FieldLabel="Text" Note="blah2" />
              </Items>
            </ext:Panel>
          </Items>
        </ext:TabPanel>
      </body>
    </html>
    When I take DeferredRender="false" off (or set to true) then it is okay.

    Looking in the DOM (Firebug/Chrome or IE10 dev tools) I can see the height for the textarea wrapper is set to cover the height of the textarea; the space taken up by the note is not considered).

    (In more complex scenarios this can cause other issues, e.g. if you have fieldsets in the second or later tabs which contain the textareas, then they might get scrollbars just to show the notes, etc etc - depending on various other settings of course.)

    Any suggestions? In my case I'd prefer not to take off DeferredRender as the solution, as I then have other issues (e.g. form.getValues() of course, but also seems like some nested TabPanels don't always render correctly - though I need to investigate that further, etc.).
    Last edited by Baidaly; May 29, 2013 at 3:25 AM. Reason: [CLOSED]
  2. #2
    Try to set HideMode="Offsets" for the second tab
  3. #3
    Thanks for that suggestion.

    With the example I gave it worked. With the more complex real application I have it unfortunately did not (as I have one text area is inside a fieldset and the fieldset height is not right and I have another inside a nested tab panel).

    I tried the offsets hide mode for those but that didn't work. I am a bit rushed right now, but later next week I will try to reproduce it in another simplified example that mimics those situations a bit more.
  4. #4
    Hi,

    I think you can close this thread as solved now. Many thanks for your quick response.

    In my last post I said I had other layout problems inside more complex layouts, but I pealed it back one by one and it was my mistake; I could not reproduce the issue in a standalone project.

    Thanks for your help!

Similar Threads

  1. Replies: 2
    Last Post: Oct 24, 2012, 2:27 PM
  2. [CLOSED] Div inside a Panel gets 0px height when set to 100% CSS height
    By blueworld in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 24, 2012, 1:08 PM
  3. Replies: 7
    Last Post: Jul 04, 2012, 3:58 PM
  4. [CLOSED] Incorrect Grid Panel height when GridCommand with Icon is used
    By sailendra in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Apr 27, 2012, 12:12 AM
  5. Can I stretch a TextArea control inside a Panel?
    By paul-2011 in forum 1.x Help
    Replies: 7
    Last Post: Aug 26, 2010, 10:55 PM

Posting Permissions