Power Pages Lookup to Select

Help UKRAINE

! Your action matters! Donate to support Ukrainian Army! Donate to charity funds! Organize/join street protests in your city to support Ukraine and condemn Russian aggression! Expose and report Russian disinformation! #StandWithUkraine

One of the most common questions I have in my Power Pages projects is regarding lookup control:

can we change it to a dropdown?
can we add search/autocomplete?
can we show some additional information?

And the answer is usually the same - no. The introduction of custom code components via Power Apps Component Framework gives us a glimpse of hope, however, it is not available for the Power Pages, yet.

What if I told you that you could do all of the above with just a couple of lines of code? Welcome Power Pages Lookup to Select - a jQuery library, that allows you to replace your OOB lookup control with a much more capable Select2 control.

See it in action below:

Visit documentation to find more information on how to get started.

How it works

Power Pages Lookup to Select (LtS for short) is a wrapper around the Select2 library. When you call LtS it hides OOB lookup control, creates a new instance of Select2 and an additional select field to hold possible values, and binds the custom select field to OOB control to propagate the value.

What LtS can do

To find all the ways you can use LtS please visit the official documentation website.

Basic configuration

In the most basic version, LtS provides search/autocomplete functionality

Custom options rendering

LtS allows you to customize how your options are rendered to the user. This can be useful if you want to show additional information to make it easier to select the correct option.

Custom grouping

LtS allows you to provide additional grouping for your option. This can be useful if you want to show additional information to make it easier to select the correct option.

Open source and contribution

This project is open source - so if you have an idea of how to make it better feel free to contribute. There are multiple ways how to contribute:

open an issue to let us know about bugs or problems
look into existing issues to help to resolve existing problems
create a PR for new functionality or enhance existing one

Visit the GitHub repository for more information.

Conclusion

I hope you will find LtS useful. I will continue to maintain and enhance it, and hope the community will do it as well. Visit the official documentation site and GitHub repository for the most up-to-date information on the project.