Adjusting the height of a panel where the list lookup control that has changed by JavaScript.

  • 17 October 2018
  • 3 replies
  • 58 views
J
Badge +5

I have a List Lookup Control A (multiple Checkbox) within Panel A that is filtering List Lookup Control B (multiple Checkbox) within Panel B. I'm able to filter the options based on Control A, but the problem is that the List Lookup Control B height is as large as the amount of unfiltered options in List Lookup Control B.  Using the code below I'm able to adjust the List Lookup Control B, but the Panel B is still the same height.  Anyone know if this can be done?

This is the form in designer.

Example: When the form loads Panel B expands to all 33 possible options in the List Lookup Control B.

This code is controlling the space for List Lookup Control B, but not the Panel.

  var formFillerDivCurrent = NWF.FormFiller.Functions.GetFormFillerDiv();
          var currentControl = NWF$('#'+ControlName);            
          var divheight = vHeight;            

          NWF.FormFiller.Functions.RepositionAndResizeOtherControlsAndFillerContainerHeight(     
              currentControl,
              divheight,
              divheight,
              formFillerDivCurrent
          );

Nintex Forms 2013 v2.10.0 On-Premise

3 replies

MegaJerk
Userlevel 5
Badge +14

I think that I understand what you're trying to say... but I'd like to be more clear just to be certain. 

If I were to throw together a quick form with two Lookup Controls, each lookup being inside of a different Panel, the Editor version looks like: 

219610_pastedImage_2.png

(Note: The Green and Orange borders are the borders of the different Panels)

Straight Forward!

If I generate a preview of the Form or Load it, I get: 

219617_pastedImage_3.png

If I were to interact with the 'Store Sections': 

219618_pastedImage_4.png

Alright! So, are you saying that what is happening isn't like this at all? That when you initially load your form, the size of the 'B' Lookup (which in my example is the 'Section Contents' Lookup w/ Panel) is sized to contain everything that could be placed there even though no selection has been made using the Control that it's Filtering on ('A' Lookup in your case, and 'Store Sections' Lookup in the above example)? 

To cover the basics, is the Panel's 'Resize at Runtime' enabled and set to 'Yes'? 
219619_pastedImage_5.png

All that being said, if it isn't something like that (basic), then it might just be the fact that I'm running SP2016 and one Nintex Forms release back from current, and I know that they have added some new stuff for Form Height management which may or may not exist in 2013. No matter, if you can show me how you're getting the height difference between your initial Form State and the changed State, it should be rather simple to just manually resize the parent Panel to whatever you want. 

In the code example you give, you reference vHeight, but there is no mention as to where that variable lives or how it gets defined. If it comes down to coding a solution, could you provide more of your code so that we can just copy / pasta / test? 

Ty

J
Badge +5

UGH...Over engineered.  Once I stripped out my javascript for filtering and pointed the list control A for filtering it's working as you pointed out.  Gosh, Thanks for your time on this, owe ya one.

MegaJerk
Userlevel 5
Badge +14

Been there done that (rather recently actually... Repeating Section Rows Resizing With Hidden Controls). After a long run of things not being simple, it's easy to get locked into the idea that nothing is simple, ha! 

At least in this instance, it was, and that's always a relief (and also way less to keep up with / manage!)

Good luck and safe travels!  

Reply


View our Community Site Map

Nintex Community Sitemap
Terms & ConditionsCookie settings