NodeCodeStudio.json

{
	"isActive": true,
	"nextLabel": "Next",
	"prevLabel": "Back",
	"skipLabel": "❌",
	"doneLabel": "Done",
	"hidePrev": true,
	"hideNext": false,
	"nextToDone": true,
	"tooltipPosition": "bottom",
	"tooltipClass": "",
	"group": "",
	"highlightClass": "",
	"exitOnEsc": true,
	"exitOnOverlayClick": true,
	"showStepNumbers": true,
	"stepNumbersOfLabel": "of",
	"keyboardNavigation": false,
	"showButtons": true,
	"showBullets": false,
	"showProgress": true,
	"scrollToElement": true,
	"dontShowAgain": true,
	"dontShowAgainLabel": "Don't show this again",
	"disableInteraction": false,
	"steps":[
		{
			"title": "Welcome to the Convertigo No Code Studio Product Tour!",
			"intro": "Learn how to create instantly No Code Apps.",
			"url": "/login",
			"hidePrevious": true
		},
		{
			"title": "Instructions",
			"intro": "• This pop-up will guide you to create your very first application.<br>• It will show you the zone where you have to click to process to next step.<br>• You can still click anywhere on the page to close any other unpredictable window.<br>• You can close this guide with the upper right ❌ button.<br>• To permanently close the Product Tour, you can check the \"Don't show again\" button.<br>• Bon voyage!",
			"url": "/login"
		},
		{
			"title": "You can use one of our Single Sign On options here.<br>We also support SAMLv2 and LDAP for Enterprises",
			"class": ".class1645091280593",
			"intro": "Please, select an authentication method to proceed to next step.",
			"url": "/login",
			"hideNext": true,
			"autoNext": true
		},
		{
			"title": "Want your own private Cloud?",
			"class": "page-startcloud",
			"intro": "Close the underneath pop-up by clicking the \"Continue on Trial\" button to continue using the Product Tour on this Trial server",
			"url": "/selector",
			"hidePrevious": true
		},
		{
			"title": "Here is your dashboard. In here you will find all your Apps you are building",
			"class": ".class1645545973561",
			"intro": "• The \"Forms edition\" tab allows you to see all the applications you created or that are shared with you as a collaborator.<br>• The \"Published Forms\" tab allows you to see all the applications you published and those that are shared with you. by clicking on the QR code Icon, you can switch to QR mode display so you can flash a published App with your mobile phone to install it on your device<br>• The \"No-Code Database\" tab is the list of all the databases that have been created by you or shared with you.",
			"url": "/selector",
			"hidePrevious": true
		},
		{
			"title": "This is where you create a new empty App or based on an existing template",
			"class": ".class1645547303032",
			"intro": "",
			"url": "/selector"
		},
		{
			"title": "Let's add a new App!",
			"class": ".class1645547241647",
			"intro": "Click the + icon to create a new App.",
			"url": "/selector",
			"hideNext": true,
			"autoNext": true
		},
		{
			"title": "Creating an application",
			"class": ".alert-wrapper.ion-overlay-wrapper.sc-ion-alert-md",
			"intro": "Write \"Demo App\" in the title field.<br> Click the save button to validate.",
			"url": "/selector",
			"hideNext": true
		},
		{
			"title": "GDPR",
			"class": "ion-toast::.toast-button",
			"intro": "We have here a GDPR notice a system administrator may have configured, just click ont it, once read.",
			"url": "/editor",
			"hidePrevious": true,
			"hideNext": true,
			"autoNext": true
		},
		{
			"title": "PALETTE",
			"class": ".class1650357035511",
			"intro": "Here is the 'Palette' where you will find all the components available for your App.",
			"url": "/editor",
			"hidePrevious": true,
			"hideNext": false
		},
		{
			"title": "APP EDITOR",
			"class": ".class1650357059411",
			"intro": "This is the main view of your App where you can add, modify and configure your components.",
			"url": "/editor"
		},
		{
			"title": "PREVIEW",
			"class": ".class1650456634117",
			"intro": "This button permits you to preview your App as a final user would see it.",
			"url": "/editor"
		},
		{
			"title": "PUBLISH",
			"class": ".class1650456634147",
			"intro": "Once your App is finished, this button allows you to publish it.<br>You can then share it with your users to collect responses to the application.",
			"url": "/editor"
		},
		{
			"title": "COLLABORATORS",
			"class": ".class1650456634183",
			"intro": "Here, you will be able to add collaborators to your App.<br>Collaborators can edit your App and/or view App's responses.",
			"url": "/editor"
		},
		{
			"title": "Let's see in details some components of the Palette",
			"intro": "",
			"url": "/editor"
		},
		{
			"title": "SELECT",
			"class": "img[src='assets/images/svg/component/icn_select.svg']",
			"intro": "This component is a control that provides a menu of options.<br>You can write your own options by hand or select data from the No Code Database.",
			"url": "/editor"
		},
		{
			"title": "DATE",
			"class": "img[src='assets/images/svg/component/icn_calendar.svg']",
			"intro": "This component allows the user to pick a date in a calendar.",
			"url": "/editor"
		},
		{
			"title": "CAMERA",
			"class": "img[src='assets/images/svg/component/icn_camera.svg']",
			"intro": "This component allows the user to take a picture and add it to the App.",
			"url": "/editor"
		},
		{
			"title": "DATA Grid",
			"class": "img[src='assets/images/svg/component/icn_sheet.svg']",
			"intro": "This component allows you to present data in a table to the user. These data come from data sources.",
			"url": "/editor"
		},
		{
			"title": "IMPORT FILE",
			"class": "img[src='assets/images/svg/component/icn_import.svg']",
			"intro": "This component allows the user to import files to the App.",
			"url": "/editor"
		},
		{
			"title": "SIGNATURE",
			"class": "img[src='assets/images/svg/component/icn_sign.svg']",
			"intro": "This component allows the user to affix his signature.",
			"url": "/editor"
		},
		{
			"title": "CONGRATULATIONS!",
			"intro": "You finished the No Code Studio Product Tour.<br>Now it's your turn!",
			"url": "/editor"
		}
	]
}