List lookup control height change

could you post a screenshot to see what problem do you exactly experience?

how do render the control (display format)?

The default height is fine actually. However, I wish the height could be changed as well. I could drag it down to be longer, but somehow, the heigh didn't change when previewing.

Is there a way to make the buttons bigger instead? (Add and remove button)

height resp. number of rows of multiselect lookup control is fixed by design (7 rows if I recall correctly)

it's only changeable with javascript.

size of buttons is not configurable either, but I'd say they might be enlarged with a javascript or CSS as well.

I see. Well, it is fine by me if it by design.

Speaking of javascript and css, can you give me both snippets on how to enlarge the buttons and to call them through javascript.

Here's another thread for another question that is actually connected to this thread as well.

Thank you for all your help.

with CSS you can achieve it eg. as follows

- add a 'CSS class'  to lookup control (eg. MSLL)

- define style for the class in form settings >> custom CSS, eg.

.MSLL button{
   width: 200px !important;
   height: 100px !important;
}‍‍‍‍

Actually I tried doing that but the height still didn't work for some reasons when I try to preview it.

don't you apply any other CSS on the element that my overrule this settings? or don't you manipulate control with a javascript?

for me it works...

try rather on published form, preview need not always work reliably

Oops, I meant I tried doing it on the control itself, and it didn't work. However, what you suggested did work with the buttons only. Thank you for that.

Now, is there anyway to call the add or remove button through javascript? I need to do some validation when the add button is clicked.

Now, is there anyway to call the add or remove button through javascript? I need to do some validation when the add button is clicked.

so do you want to trigger or handle button click event?

Yes for the add/remove button so I could add some validation.

try code like this

NWF.FormFiller.Events.RegisterAfterReady(function () {
    NWF$('#'+MSLL).parent().find('button.addSelectedItems').click(function(){
        console.log('Add pressed');
    });
    NWF$('#'+MSLL).parent().find('button.removeSelectedItems').click(function(){
        console.log('Remove pressed');
    });
})
‍‍‍‍‍‍‍‍

Hi all,

Our UX team are doing some research into our style builder for Universal Forms. We would appreciate your feedback on your current experience in styling your forms in any platform.

If you would like to provide feedback, please fill out the survey at Applying styles in Nintex Forms 

Thanks,

Euan