MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

PR feedback

This commit is contained in:
Dean 2024-03-06 10:29:43 +00:00
parent f494611bd8
commit 30f0e3459f
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/builder/src/components/portal/onboarding/steps/NewFormSteps.svelte Normal file
View File

@ -0,0 +1,9 @@
<div>
When faced with a sizable form, consider implementing a multi-step approach to
enhance user experience.
<p>
Breaking the form into multiple steps can significantly improve usability by
making the process more digestible for your users.
</p>
</div>

1
packages/builder/src/components/portal/onboarding/steps/index.js
View File

@ -2,3 +2,4 @@ export { default as OnboardingData } from "./OnboardingData.svelte"
export { default as OnboardingDesign } from "./OnboardingDesign.svelte" export { default as OnboardingDesign } from "./OnboardingDesign.svelte"
export { default as OnboardingPublish } from "./OnboardingPublish.svelte" export { default as OnboardingPublish } from "./OnboardingPublish.svelte"
export { default as NewViewUpdateFormRowId } from "./NewViewUpdateFormRowId.svelte" export { default as NewViewUpdateFormRowId } from "./NewViewUpdateFormRowId.svelte"
export { default as NewFormSteps } from "./NewFormSteps.svelte"

9
packages/builder/src/components/portal/onboarding/tours.js
View File

@ -7,6 +7,7 @@ import {
OnboardingDesign, OnboardingDesign,
OnboardingPublish, OnboardingPublish,
NewViewUpdateFormRowId, NewViewUpdateFormRowId,
NewFormSteps,
} from "./steps" } from "./steps"
import { API } from "api" import { API } from "api"
import { customPositionHandler } from "components/design/settings/controls/EditComponentPopover" import { customPositionHandler } from "components/design/settings/controls/EditComponentPopover"
@ -176,9 +177,7 @@ const getTours = () => {
{ {
id: TOUR_STEP_KEYS.BUILDER_FORM_CREATE_STEPS, id: TOUR_STEP_KEYS.BUILDER_FORM_CREATE_STEPS,
title: "Add multiple steps", title: "Add multiple steps",
body: `When faced with a sizable form, consider implementing a multi-step layout: NewFormSteps,
approach to enhance user experience. Breaking the form into multiple steps
can significantly improve usability by making the process more digestible for your users.`,
query: "#steps-prop-control-wrap", query: "#steps-prop-control-wrap",
onComplete: () => { onComplete: () => {
builderStore.highlightSetting() builderStore.highlightSetting()
@ -210,9 +209,7 @@ const getTours = () => {
{ {
id: TOUR_STEP_KEYS.BUILDER_FORM_VIEW_UPDATE_STEPS, id: TOUR_STEP_KEYS.BUILDER_FORM_VIEW_UPDATE_STEPS,
title: "Add multiple steps", title: "Add multiple steps",
body: `When faced with a sizable form, consider implementing a multi-step layout: NewFormSteps,
approach to enhance user experience. Breaking the form into multiple steps
can significantly improve usability by making the process more digestible for your users.`,
query: "#steps-prop-control-wrap", query: "#steps-prop-control-wrap",
onComplete: () => { onComplete: () => {
builderStore.highlightSetting() builderStore.highlightSetting()