Hi,
Something similar might be possible. The closest example to that on the demo is this one: https://wp-dreams.com/knowledge-base/demo-setup-staff-search-and-filter/
There is a tutorial for it as well, you can find it here: https://wp-dreams.com/knowledge-base/demo-setup-staff-search-and-filter/
It uses different methods to achieve that layout, one of them is the shortcode generator: Documentation – Shortcode generator.
In your case it is almost the same, but you only need the search bar and the settings shortcode. So once you have set up the filters, you can try for example this custom shortcode:
[html][wd_asp elements='search,settings' ratio='60%,30%' id=1][/html]
(don’t forget to change the search ID in this shortcode)
There are also standalone shortcodes for the search bar, settings box and the results container, which you can use on page builder plugins or the post editor screen. For example, if you have side-by-side live editor modules, you can place the search shortcode into the left, and the settings shortcode to the right.
Search bar shortcode
[html][wpdreams_ajaxsearchpro id=1][/html]
Settings shortcode
[html][wpdreams_asp_settings id=1 element='div'][/html]