LogoLogo
HomepageResellerPricingSign in
  • AppMachine
  • πŸ“ƒProduct Updates
  • πŸ‘·Build your app
    • Preview your app
    • App templates
    • App Settings
    • Update payment method
    • Cancel subscription
  • ❔General App Building FAQ
  • How to
  • 🧱Blocks
    • πŸ” Admin
    • πŸ“„Blank Page
    • πŸ“žCall
    • 🏒Contact
    • πŸ“Contact Us
    • 🧾Coupons
    • πŸ“ƒCustom Form
    • πŸ“§Email
    • πŸ—“οΈEvents
    • ❔FAQ
    • 🌐Facebook
    • πŸ•‘Hours
    • ℹ️Information
    • πŸ“£Intro
    • β˜•JavaScript
    • πŸ”’Lock
    • 🎧Music
    • πŸ“°News
    • πŸ“ƒPDF
    • πŸ—ΊοΈPOI
    • πŸ‘₯People
    • πŸ“·Photos
    • 🏬Products
    • πŸ“©Push Messages
    • πŸ“»Radio
    • β†ͺ️Submenu
    • 🐦Twitter
    • πŸ‘¨β€πŸ’»URLs
    • πŸ–₯️Web Page
    • πŸ“ΊVideo
    • πŸ“±WhatsApp
  • πŸ“ƒData
    • Appmachine Data
    • Delete (test) data from Custom Form
    • Google Sheets
    • Web services
  • πŸ–ŒοΈStyle your app
    • Theme
    • Home Screen
    • FAQ Style
  • 🎨Style your screens
    • Elements
  • Share your app
    • ✈️Publishing your app
      • Technical Setup Quick Start Guide
      • Update your app
      • Unpublish an app from the app stores
    • 🌐Web App Publishing
      • Hosting on custom domain
    • 🍏Apple App Store
      • iOS developer account
      • App Store Connect API keys
      • Link your app
      • New app record in App Store Connect
      • App privacy details
      • Edit Store information
      • Fix App publish issues
      • Push certificates
      • App Store Connect app status overview
      • App Store Review Guidelines
      • Publish app Unlisted
      • Accept updated License agreement
      • Apple App Store FAQ
      • iPad
      • Enterprise
        • Setup your Enterprise app
        • Create iOS Distribution Certificate
        • Create App ID
        • Create Mobile Provisioning Profile
        • Downloading and installing an Enterprise app
    • 🍐Google Play
      • Create a Google Developer Account
      • Setup your Android app
      • How to request a Google Maps API Key
      • Test your Android app before publishing to Google Play
      • Upload your Android app to Google Play Store for the first time
      • Update Android app (short)
      • Update an Android app (extended)
      • Data safety details on the Google Play Store
      • Sell your app in Google Play Store
      • Create Google merchant account
      • Force Store Update for your Android App
      • Authorise an additional user to your Google Play developer account
      • What if my app is suspended by Google?
  • App details
    • πŸ•΅οΈGoogle Analytics
      • Google Analytics setup overview
      • Setup iOS analytics
      • Setup Android analytics
      • Inviting a new Google Analytics user
    • πŸ”₯Firebase
      • Create Firebase project
      • Locate Firebase Server key
      • Renew Firebase Server Key
      • Register iOS app
      • Register Android app
      • Enable Cloud Messaging
      • Enable Google Analytics
      • Google Analytics via Firebase
    • πŸ“¨Push notifications
      • Setup Apple Push certificate
    • πŸ§‘β€πŸ€β€πŸ§‘User management
      • Create Apple Sign In key
      • Setup Azure Active Directory
      • Create Facebook App ID Secret
    • 🐦Twitter API keys
    • πŸ”Privacy policy
    • πŸ‘©β€πŸ”§Your Account
      • Account Settings
      • Account FAQ
      • Payment FAQ
    • πŸ“±Admin CMS
  • Developers
    • πŸ‘©β€πŸ’»JavaScript
      • Develop locally
      • SDK
        • Core
        • JS Data
        • Media
        • Navigation
        • Notification
        • User
      • CLI
        • CLI Token and Secret
        • Errors
          • CONFIG_PROPERTIES_INVALID
          • CONFIG_VALUES_INVALID
          • ENTRY_FILE_NOT_FOUND
          • OUTPUT_DIRECTORY_IS_EMPTY
          • OUTPUT_DIRECTORY_NOT_FOUND
          • TOKEN_SECRET_NOT_PROVIDED
          • TOKEN_SECRET_NOT_VALID
      • Migrate from old Custom JS
    • πŸ’»Web services
Powered by GitBook
On this page
  • Adding the Lock block
  • Customising the Field Descriptions
  • Configuring the Lock block
  • Settings

Was this helpful?

  1. Blocks

Lock

Have users fill in a Password, Authorization level or User Group to unlock content in your app.

PreviousJavaScriptNextMusic

Last updated 2 years ago

Was this helpful?

Allows you to lock certain content unless the app user meets certain requirements. The block can be unlocked using a password, authorization level or User Group members.

Adding the Lock block

  1. Click on + block.

  2. Select the Lock block on the Plus Tab and click Add this block.

  3. Select if you want to unlock the content below with an Authorization Level, User Group, and Password.

  4. Click Continue.

  5. Fill in the name of the block.

  6. Click on the icon if you want to change the image used in the menu.

    • Replace allows you to choose from a wide range of AppMachine icons or upload your own.

    • Remove removes the icon so that only text is used.

  7. When you’re done, click Add this Block.

  8. Make sure to fill in the desired value or password in the Settings screen:

    • Password: Fill in the password and click the Save button;

    • Authorization Level: Users need to have the required authorization level in order to access this content.

    • User Groups: Users need to be members of a specific user group or groups to access this content.

  9. Drag the blocks you want locked beneath the Lock block.

    • All blocks located under one Lock block can be unlocked with the same Password, User Group, or Authorization level.

    • Once the block has been unlocked, all other blocks under the same lock block are unlocked. The image above shows how you should place the block(s) you wish to lock. The Information block is nested below the Lock block.

  10. Change the text that is shown when a user selects a locked block.

Please Note:

  • Once the content is unlocked and you change the password afterwards, the content will not be automatically locked again. If you want to lock new content, you need to add a new lock block and place the content under the new block.

  • The Lock block doesn't appear as an actual button or tab in your app but applies a lock screen to the blocks found within it. For this reason, the Lock block's name and icon will not be seen in the app.

Customising the Field Descriptions

  1. Select the Lock block in your app.

  2. Make sure the Settings tab is selected.

  3. Customise the following fields

  • Lock image: 
The message that will be shown in the screen before the user unlocked the block;

  • Description: The text that is shown to the user, before the screen is unlocked. Tell them where they can find the unlock code or password and what they will find after they have unlocked the block;

  • Lock type: if the block is protected using a password, authorization level, or user group;

  • Value: the value which needs to be filled in to unlock the content behind.

  • To save the changes, click Save.

Configuring the Lock block

Now that you've added the Lock block, it's time to configure it. There are only two settings screens available here: Settings and Design.

Settings allows you to influence how the block will function and the Design settings will determine the aesthetics of the block.

Settings

Here you can change a number of things like:

  • The name of the building block

  • The icon that will show up in the app menu

  • The values of the different Lock block fields.

Should the need arise to keep the users of your published app from using this portion of the app, then you can always make use of the ON/OFF selector.

Change the selector to OFF to keep users from seeing the Lock block. Now you can continue developing your app without worrying about users coming upon areas that you haven't finished developing as of yet. Once you are satisfied with your progress, change the selector back to ON to publish this portion of your app.

Design

These settings allow you to make aesthetic changes to your app in magnificent detail.

🧱
πŸ”’