Launch Week Day 3 - Customization

We've introduced a new feature in our Build Mode: the choice between top navigation and side navigation for your app.

Since the inception of Noloco's app builder, we've offered a customizable side-nav, which has served our users well. However, we understand the importance of flexibility around design preferences and app structures. With the new top-nav option, you can now select the navigation style that best fits your app's design and requirements.

Key Highlights:

Flexibility:
Tailor your app's look and feel to match your brand or design vision more closely. Whether you prefer the classic side-nav or the sleek top-nav, you have the power to choose.

Simplicity:
The new top nav is perfect for apps with a fewer number of pages, offering a cleaner and more straightforward navigation experience that can make your app feel more intuitive and accessible.

How to Make the Switch:

To change your app's navigation style to a top-nav, simply go to your Settings, open the Navigation settings, and select "Top." It's that easy to refresh your app's navigation and give it a modern twist.

‍

‍

Introducing the latest addition to our app development toolkit: the 'Notice' component, now available on Record Pages and Blank pages.

Why Use the Notice Component?

The Notice component stands out for its ability to highlight critical information, alerts, or instructions on your app's pages. With the flexibility to choose from four distinct variants, you can align the notice's appearance with the message's intent and your app's theme.

Variants for Every Need: Choose a variant that fits your message:

• Primary: Matches your app theme for general notices.
• Secondary: A neutral option for less simple messages or callouts.
• Success: Green, ideal for positive updates or completion messages.
• Warning: Orange, perfect for cautionary advice.
• Danger: Red, for urgent alerts.

Take full control over your Notice’s content, and customize the title, subtitle, and icon to match the message you want to convey.

Actionable Notices:

Enhance your notices with custom action buttons, turning alerts into interactive prompts for your users.

The Notice component in action

• Project Management:
  Alert users to overdue projects with a warning notice and a button to contact the client directly.
  
  
• Process Updates:
  Inform users they've completed all necessary steps on a page with a success notice, indicating no further action is required.
  
  
• Application Status:
  Use a primary or secondary notice to communicate that an application is being processed, adding clarity to the procedure.

‍

Now you can add external links to your app's sidebar

1. Personalise your external links using dynamic user variables
2. Choose from URL, Page (somewhere else in the app), Email, or Telephone type links
3. Need to add a quick link to your sales number → choose a telephone link
4. Need to add a quick email link to the user's account manager → choose an email link
5. Configure who sees what links with visibility rules

‍

Super-charge your address fields with Google Maps Suggestions. With suggestions from Google Maps, you can speed up form filling, reduce errors, and improve data accuracy by suggesting addresses as you type.

Setup Guide:

Open form field settings and change the "Display as" option to "Google Maps Autocomplete." Just make sure you have setup your Google Maps API key

Examples of Use:

Customer Onboarding Forms: 

Quickly capture accurate address information as new customers sign up.

Delivery Apps: 

Ensure precise delivery locations by allowing drivers and customers to use autocomplete for addresses.

‍