ImageChangelogUpdates, new features and improvements to Noloco
Image
A brand new project creation experience
Jun 17, 2021 The new project creation experience tells you in real-time if your project's name is unique, and allows you to browse some of our best templates, so you no longer have to start from scratch.

Finally, even if you do select the blank project option, you can bootsrap your project with some common collections or fields.
Image
External APIs
Jun 11, 2021 You can now add external APIs to your application if you're on the Freelancer plan or above.

External APIs allow you to fetch data that's not stored in Noloco (like a feed of Apple podcasts) or update data not stored in Noloco (like posting a tweet).

API endpoints can be used in the UI by using the 'Data Wrapper' to display or list the response data element or in an action (when updating or deleting something externally)
Image
Maps
May 29, 2021 The Google Map element has just been added to your collection. Add a map anywhere you want.

- Specify the initial coordinates
- Restrict the controls
- Add static or dynamic markers (more on that below)
- Use it as an input to get the maps current center, the selected marker or even the selected location.
- Place a pin at the center or where the user clicks
Custom markersYou can add as many markers to the map as you want. Justy specify the coordinates of one or a few markers and they'll show up on the map
Dynamic markers from ListsIf you want to list one of your collections on the map, simply wire it up like any other list, specify the marker's coordinates and its title and away you go. It's as easy as listing a collection. You can even use all the filters you would usually use
Image
Sign in and Sign up with Google
May 29, 2021 You can now sign in to Noloco and sign up to Noloco with your Google account. A simple one click sign in and sign up.

We also gave our projects dashboard a new lick of paint. Login to try it.
Image
Math Formulae
May 13, 2021 Until now there's been no way to take a value from a user input or even your data records and do some arithmetic on it. Say you want to calculate potential return on investment, or sales tax or calculate some points. Now you can. Wherever you can put text you can now insert a 'Formula' token as part of that text, in that you can use any numeric variable available to you. The best part is, it's backed by a very complex math library so you can make your formulae as complicated as you want. And yes, brackets and other normal things are respected.
Image
Checkbox and advanced filters
May 10, 2021 Today we shipped Checkboxes and Checkbox groups. These two new items will show up in the new element dialog. A checkbox allows you to control a boolean value like whether a post is published or not, or to filter by only published posts. A checkbox group can be used much like the 'Select' element. This allows you to select multiple items such as data records, or customer options. You can see it in action in the gif above where a list of products is being filters to the products that have any of the categories that are selected in the filter
Image
Rich text editor
Apr 7, 2021 We've now launched our rich text editor! Now you can easily add different types of text (headings, pargaraphs etc.) and format to your heart's content. We have all the usual suspects including bold, italics, underline and links. You can also easily include dynamic data as well. The best part? We create child elements for each individual text item added so you can apply further styles as well (spacing, colours etc.).
Image
Custom code
Apr 2, 2021 Add custom code such as inline scripts, external scripts or external style sheets to your site. You can now add custom style sheets to your header and custom scripts to the body of your site to make sure you can include all the integrations you need
Header codeYou can add custom code to your header that will be applied to all pages on your site. This is useful for importing external style sheets or specifying custom meta tags
Footer codeYou can add script tags or inline Javascript in the footer code, which will be appended to the end of the <body> tag. This is very useful for adding an integration we don't yet support, like a Whatsapp tracking button from GetButton.io
Image
Positions!
Mar 26, 2021 Until now there has been no way to control how an element is positioned on the canvas. Everything was simply laid out as it would be by default. Today we've shipped 4 ways you can change your element's position: static, relative, absolute and sticky. You can also control the offsets such as top, right, bottom, left. Keep reading to find out more about the individual properties
position: staticPosition 'static' is the default setting on all elements. It will position the element according to the normal flow of the document, ignoring any offsets you have applied to top, bottom, left, right etc.
position: relativeThis will position an element according to the normal flow of the document, much like 'static', but offsets are taken into account, and calculated relative to the elements normal position. It also acts as a position reference for absolutely positioned children
position: absoluteThis will position an element outside the normal flow of the document. Neighboring elements will act as if the element does not exist. Offsets are calculated relative to the nearest, non-static, parent.
position: stickyThis will position an element as 'relative' until it crosses the specified offset, then it will be treated as fixed - until its parent is off the screen. This can be seen in the GIF above.
Image
Keyboard shortcuts
Mar 8, 2021 Keyboard shortcuts can save us so much time, particularly when you're already used to keyboard shortcuts in other apps. Now Noloco comes with 5 default keyboard shortcuts to speed up your development process. We all make mistakes, and that's why you can undo them with Ctrl+z. Changed your mind? Redo with Ctrl+Shift+Z. Want to delete the element all-together? User the delete key or the backspace key. Finally, if you're so proud of your element design that you cant to copy it to somewhere else in your app, simply press Ctrl+c on the element and then when you're ready to paste use Ctrl+v. For all our Apple Mac users, use Cmd instead of Ctrl
Image
Date & date range inputs
Mar 5, 2021 As of today you can include fancy date and date range pickers in your custom forms. These inputs can be used to filter lists and even update data properties (like setting the user's birthday). Like all of our input components they come in 6 flavours, default, round, fully round, square, thick-border and inset. If none of those take your fancy you can of course customize to your hearts desire.
Image
Invite actions and more!
Mar 4, 2021 Does your app have organisations or workspaces? Until now it's been difficult to add a new user to an existing organisation -but no more! Existing users can now create (and invite) new users by email, and prefil as many fields as they can, such as the organisation/workspace they are in, and maybe even their first and last name. The new user will receive an email to let them accept the invitation. The best part? You can completely customize that experience too with our new actions
Even more actionsNot only can you create a user with another user you can now accept that invitation in a different onboarding flow, as well as build completely custom login and registration forms with the new "Login", "Register" and "Logout" actions
Image
SEO Settings everywhere
Feb 20, 2021 We've added a new element to our toolbox. The SEO Settings element can be added anywhere and you can use any variable that's in scope to set your page title, page description and even update your open graph settings to make your page POP when it's posted on social media.
Open Graph what?Open Graph tags such as title, description and image allow you to control how your page appears when its posted on Facebook, Twitter and other social media platforms. Adding Open Graph tags to your webapp won’t directly affect your on-page SEO, but it will influence the performance of your links on social media - so I think you'll agree it's a pretty big deal
Image
Trigger a webhook in a workflow
Feb 14, 2021 Integrating with other services just got 1000 times easier. Now when any data item is created, updated or deleted you can trigger a webhook in another service such as Zapier or Integromat. For example, when this update was created it automatically tweeted about itself on our twitter @buildwithnoloco
What is a webhookA webhook can be used to trigger an automation in another system when something happens. In Noloco a webhook's payload is the data record that triggered the workflow
Zapier WebhooksZapier allows you to define a webhook as a trigger to a Zap. This unlocks an infinite number of possibilities, such as tweeting when an update is created, appending data to a spreadsheet, sending a slack notification and much much more. Simply grab the webhook url which looks like https://hooks.zapier.com/hooks/catch/26928/zhhih/
Image
Dynamic dropdowns
Feb 8, 2021 Now you can use dynamic select/dropdown inputs as part of your forms. Whether you're trying to filter by a product type or specify the owner of another data type. And the best part? You can customize it as much as you want
Select inputsWhen you need to dynamically provide options to relations in a form, you can do that with a custom select input
Built with Noloco