Search Bar Capabilities for Apps

Hi,

Our team is using Jotform for internal form submissions and tracking. It would be great if a Search Bar element/widget could be added to the Jotform Apps. I would love to be able to customize or code it myself, as the AI Widget creator keeps putting additional space underneath the search bar. I keep trying to reduce the space beneath and instructing the AI tool to have the search results appear in an overlay but it seems this is beyond what it is capable of doing. It maintains the structure where any results will move the other cards below it.

Hi Mulvey,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Regarding your request for a Search Bar element/widget in Jotform Apps with customizable features such as reducing the space beneath the search bar and having search results appear in an overlay, here is what I found:

Jotform currently allows searching and filtering submissions in Jotform Inbox and Jotform Tables, where the search bar helps find entries based on terms, dates, tags, or field values. However, the search results typically appear inline and affect the layout by moving other elements below, rather than appearing in an overlay.

For custom widget creation, Jotform supports creating custom widgets using JavaScript, CSS, and HTML via the Jotform API Widgets page. You can inject custom CSS to style widgets, but widgets are embedded in iframes, which limits some CSS interactions due to security policies. This might affect your ability to fully control spacing and overlay behavior within the widget.

If you want to reduce space beneath the search bar or create an overlay for search results, you would likely need to develop a custom widget with your own CSS and JavaScript to achieve this effect, keeping in mind iframe limitations.

Let me know if you want guidance on creating custom widgets or injecting CSS to adjust your current widget's appearance.

Give it a try and let us know how it goes.

Hi @mulveycustomcontracting!

From what I've seen, a search bar widget has yet to be introduced to apps, but it is something many users have recommended, and therefore has been sent up to developers. You can, however, search submissions in Jotform Tables and Inbox using the filter box on the top left, and typing in the key words to view results immediately.

From your message, I've noted your concern is that the search bar is creating a gap between the search line and the other cards below it. Like Podo said, this is a coding fix, and can be done using applications such as Java, CSS, and HTML. The steps would include items like building the host page, registering the widget, and then adding it into the form using the Add Form Element > Widgets > and searching the name of your created Widget.

Hope this helps!