Standardise formatting of dropdown lists

Forms SharePoint Online
1

HI

Looking at the default formatting of the controls in SharePoint, SharePoint Choice (single) and Plumsail Drop Down format choices the same, yet the Lookup control displays different by default. Is there a reason for this and can they be made the same? See examples below

Thanks

Dropdown Control

Dropdown
Dropdown776×148 5.3 KB

SharePoint Choice

SharePoint choice
SharePoint choice747×139 3.69 KB

Lookup control

Lookup
Lookup784×110 4.21 KB

2

Hello @MadeNorth,

Do you mean the padding of options in the drop down?

If so, you can adjust it like so:

fd.spBeforeRender(() => {
    fd.field('Lookup').widgetOptions = {
        height: 100,
        virtual: {
            itemHeight: 50
        },
        dataSource: {
            pageSize: 8
        }
    };
});

See Customize search results article for more information.

3

Hi @Margo

Thanks for this, I did see that article. That looks better, though I don’t really want to have to modify every lookup control to make it the same as the other dropdowns.

The question really is, by default, why don’t these controls look the same?

Thanks

4

@MadeNorth,

While both elements are drop-downs, they are based on different widgets.
Is the appearance of the options the only concern?