Flow Screen Element: Building a Simple flow
A free video tutorial from Deepika Khanna
4.4 instructor rating • 31 courses • 85,871 students
Learn more from the full courseSalesforce Visual Workflow Complete course
Click your way to automating business processes using Visual Workflow. Practical course to Model-Driven Development .
07:34:58 of on-demand video • Updated January 2019
- You will be able to build complex flows.
- You will learn about Cloud Flow Designer tools.
- The benefits of Visual workflow.
- Invoking flows from Salesforce Objects
- Building an app using visual workflow.
- Invoking flows from visualforce pages
English [Auto] Little guys will come back. This is the pickoff from my tutorial ract dot com. In the previous tutorial we looked at how to create our slow and hard and the screen to the flow but are quiet then shows a need to show a greeting message to the user. So let's go ahead and. And a greeting screen a meeting message on that screen that we just created. So moving back to our developer console here they are going to go ahead and yet in that cloud flow designer this is our force flow. Now this is the screen that we have in this flow. So we're going to go ahead and click on the sensor button that you see and you know because we want to edit the screen so we're going to go ahead and quickly edit button. Now on the screen let's see I want to display a greeting message. And a gentleman for you provide then related to the screen what is the name of the screen. The unique name for the screen. What kind of buttons you want to show on the screen. And then you have added scenes here. So what kind of scenes do you want to add to this screen. So let's say the first thing that I want to add is a display text means I wanted to show something to the user. I wanted to display a message to the user. So what you do is you just go ahead and drag this particular display text to the right side of the screen. So this is how your screen looks like so right now you can screen and then you have this display text in order to do as you do if you want to delete the scene. You can just go ahead and click on this trash icon which is next to it. So what does that do. It will delete that particular element. And then if you want to add it back again you can just drag this display text to the right of the screen. So here this is what they display text. So what kind of message do you want to display on the screen. So when you double click this it will open the screen on the left and right here it will provide you the unique name. Now what does this unique name the unique name used by the API and the managed packages. So the name must begin with the letter and use only as some unique characters and underscores. You cannot have spaces here. The name cannot and with an underscore or have two consecutive underscore. So these are the rules for this unique name. So this Lekan you cannot have spaces here. OK you can only have underscores and you cannot have the underscore at the end. And also you cannot have two consecutive arm just so this is the rule for the unique name for this particular field here. So let's say every name this field as well. So this is the name of this field display. This is a name here. Now what message do you want to display. Let's say we want to display we'll come to an amazing this is the message I want to display on the screen helping you streamline. So this is a message that I wanted to display to the user. Welcome to an amazing flow to help you streamline your business process. In the following slow you will be able to enter in your name and then see if what you entered is what you expect to see. So once you are done just go ahead and hit the enter button here. And once you click on the right side of the screen this message will show up here if you want to do let's say for read this message. Let's say you wanted to make this a little bigger or you wanted to make it both. Just click on this button on the right side here as you can see and you can format it so let's say if I want to go ahead and increase the sports site so let's say you wanted to increase it to 18 so you can go ahead and increase the size here. If you wanted to make something let's say you wanted to make the welcome message they'll cover the board. You can do that if you want to change the color. You can do it as well if you want to leave it as it does is just say welcome to whatever you want to do here. You can do. You can follow the text here as well. They just click on this button and it basically will help you to format whatever message that you want to display. So if you wanted to go ahead and you wanted to show some bullets you wanted to align it on the right side on the center if you want to do it it's a wonder lighted on the right on the right side middle. Anything you want to do it you can do that as well. So in any format and you want to do you can do my cooking on this but you're on the right side. So once you have written your message let's go ahead and have the OK. So now this is what your screen looks like. Now let's go ahead and save our changes. And the kicker is just the general warnings. So let's go ahead and hit the OK button and then let's hit the raw. So before that what you saw is we just saw a switch I flew over. Nothing written on it. Now what I have done is you have added a message for the user to see. And since there is only once he when you click on his finished button it need fresh back to that screen. The reason I do it because we're not actually running if you're just testing the flow means we're not at that. This floored me a button click or a link or anything. Just testing it in the club for a designer. So after you click on the finish button basically what it does is it restarts again to test your flow again. So here this is what you see the message. Now if you wanted to go ahead and edit anything on that message you can just go back to that screen click on that fence the button here and it will take you to this message and if you wanted to go ahead and shifted on the left side everything you can just go hand-selected and shift it on the the congas you can move everything on the left side. So let's go out and hit the OK button and then save your changes. Once you save it quick. OK. And then you hit the run but now this is how your message looks like you have formatted the message and you see there's a finished. So what's been done so far is we have achieved our flossed part off our requirement and requirements Saiz show and into our existing screen. So we just playing this greeting screen to the user. And it says Welcome to an amazing Loeb's in helping streamline your business process so I think I did this thing mistake here. So let me go back to my screen and edit the message one more time. Let's say here to say go ahead and click on this text highlight your text on the right insight Rock'em to an amazing flow to help streamline your business process and the following slow you will be able to enter in your name and then see if what you entered is what you expected to see. So this is a message that I will display to the user. We are still working on the flow. We haven't finished it so let's go out and hit the same button and then click on OK and then Ron and now you can see here the message got updated. It shows streamline here. Welcome to an amazing flow to help you streamline your business process. And then you have it finished but once you finish it it will refresh the page and it will start the test again. So now this is your first screen that you have created nine the next tutorial they will go ahead and create the screen as well. Means this is your first screen and then get them to create the screen the next screen. As for.