UI Bakery

Building apps in UI Bakery is easy! Learn about our main features using the new interactive video tutorial https://hubs.li/Q01b6NHS0

?? Smarter Features to Make Your Work Easier! ?? Navigate Action Step – Open in a New Tab We know you’ve been waiting for this—so here it is! The “Open in new tab” checkbox is now available for the Navigate action step. Just enter your app page path, tick the checkbox, and assign it to a button click. Boom! Your page will instantly open in a new tab, keeping your current workflow intact. ?? Search in Data Sources – Find What You Need Instantly Say goodbye to endless scrolling! Now, you can search for Data Sources effortlessly—just start typing in the Search bar, and the right source will appear in seconds. Quick, easy, and seamless! Enjoy these new updates, and let us know what you think. ?

?? New Enhancements to Supercharge Your Workflow! ?? Structure Generation Toast - Stay in the Know! Remember how assigning actions to a component automatically regenerates its structure? Now, you'll get a toast notification at the top of the page, keeping you informed about any structure changes. Plus, if you need to backtrack, just hit Undo in the toast, and your component will snap back to its previous state—no stress, no hassle! ??? Smarter Component Name Generation on Action Assignment Say goodbye to generic component names! When you assign an action to a component, its name is now automatically generated based on clear rules: ? If the action has a resource (like a Table) → The component name is based on the Table name. ?? Example: Assigning a Load Users action to a Table? You’ll get usersTable. ? If there’s no resource → The component name is based on the action name. ?? Example: Assigning a JavaScript Code step called loadUsersData? You’ll get usersDataTable. No more guesswork—just intuitive, logical naming that makes your app easier to navigate! ?? Variables in the Data Field - More Flexibility! Great news! Variables are now available in the resource selector. Assign them to a component, and—just like magic—its structure will be automatically generated. More power, less manual work! ?? Instant Preview in the Builder Want to see how your app looks without leaving the Builder? Now you can! Just click the Preview link and get a real-time look at your app before deploying. Quick, seamless, and hassle-free!

?? We’re back with some fantastic updates for a smoother and more intuitive workflow ?? ?? Data Field Enhancements The Data field is now a dropdown for key components like Table, Chart, List, and Grid. Just click the dropdown to explore all available actions—Suggested, Page, and App actions—and seamlessly switch between them. The component structure will automatically regenerate based on your selection! Need to undo changes? No problem! You can revert your structure to its previous setup. Prefer the old-school way? JS mode is still available, where you can manually regenerate the structure with a single click. ?? New Python Libraries We’ve expanded our Python library support! Now, you can work with jira and base64. Want to learn more? Head over to our docs for details. ? Running Actions on Assign in Table We’ve fine-tuned how actions run when assigned in a Table. Here’s what’s new: ? Assigning an existing but NOT executed action → The Table will run the action and wait for success before generating the structure. ? Creating a new action from the Data field dropdown → The Table will not run the action immediately but will wait for it to be manually executed. Once it succeeds, the structure will be generated. ??? Overflow Tooltip vs. Custom Tooltip Customize how tooltips appear in Table View mode! You now have two options: ? Custom Tooltip → Set your own text that appears when hovering over a field. ? Overflow Mode → If there’s not enough space in the cell, the tooltip will pop up automatically.

No updates this week, but trust us—big things are happening under the hood ?? Stay tuned!

?? Action Creation Just Got Smarter! We’ve revamped the Action Creation menu to make it faster and more intuitive: ? New List Menu – Easily browse through Data, Operations, Suggested Actions, and Popular Data Sources right from the start. ?? Smart Search – As you type, the menu dynamically updates to show your connected data sources or recent actions, and suggested data sources—helping you find exactly what you need in seconds! ?? Seamless Connection - Quickly connect a new data source from the list menu and start using it in your action right away—no extra steps needed! Try it out and streamline your workflow like never before! ??

?? No Updates This Week – Something Exciting is in the Works! ?? We’re busy behind the scenes, revamping the UI Bakery theme to make it better than ever ??? Stay tuned—you’ll be the first to see the amazing updates we’re cooking up!

Fresh Update to Boost Your Experience ?? Inline Edit Mode ? Editing just got a whole lot smoother! Now, all editable field types can be modified directly in the components with a simple click. Toggle the Inline Editable checkbox to switch effortlessly between the new On Click mode and the classic Always Editable mode. Take full advantage of this upgrade to streamline your workflow and make editing a breeze!

?? Missed Us? We’re Kicking Off the New Year with Some Cool Updates! ?? Here’s what’s fresh in our latest release: ? New Addition - Breadcrumbs ?? We’ve expanded our component library with the new Breadcrumbs component! It’s made up of multiple Items—expandable blocks packed with configurable fields that you can tailor to your needs. Ready to explore? Let us know what you think! ?? ? ?? Effortless Billing Management Now, Admins can update billing details, modify plans, or cancel subscriptions directly from the Workspace Settings. ?? Head to the Plans tab, click the Billing Portal link, and take control in just a few clicks. We’ve streamlined the process so you can focus on what really matters. ??

Understanding and managing component visibility has never been easier with our 3.112.0 updates ?? ??? Component Visibility Indicators? We've introduced a more intuitive way to show component visibility based on the Hide mode setting. The icon will now fully reflect the component's current state for both Hidden and Not rendered modes. If the component is selected though (and thus visible) even with its Show Condition set to false, the App Structure sidebar will show it as visible (no icon will be displayed). But this logic isn't limited to the App Structure Sidebar only! The same behavior is now available in the Developer UI, ensuring consistency across your workflow.