Advanced Flow Navigation Button from GravityLab

Dan Howell and GravityLab have made available an advanced Flow Navigation Button with no fewer than 12 built-in features, including:

  1. Add bespoke navigation options in a flow. For example, replace the “Next” button with a “Save and View” button.
  2. Launch new record or edit page. For example, launch the create new account page with a specific record type.
  3. Auto launch a quick action. For example, automatically launch the new opportunity quick action when an account with the type “prospect” is created.
  4. Navigate to another page. For example, auto navigate to another record page when a certain status is reached.

Documentation and Installation

WARNING: Remember that navigation ONLY works in Lightning experience, including launches from Quick Action buttons and flow component on Lightning Pages. It does not work in Flows run from Setup

Subscribe
Notify of
guest
35 Comments
Inline Feedbacks
View all comments
Chase

Awesome component! I have a couple issues though…

When I use the button to launch a flow with a screen containing a datatable, the modal width is too small and part of the table hangs off the edge. Is there any way to increase the width of the modal?

Also, is there a way to make all the buttons on a screen the same size? Adding spaces to the label doesn’t seem to work.

Cole Prato

Same issue here.. I was able to change this in the “Launch Flow in a Modal” components source code to get around this but since this managed I can’t.

Chase Kaiser

I just set a boolean to true in the button-clicked output parameter and used a decision to launch a subflow. That way it stays in the same container as your parent flow

Cole Prato

You can add this to the component that renders the modal for the flow, this will make the modal bigger so there is more popover side.

.slds-modal__container{
max-width: 70rem !important;
width:70% !important;
}

Angie

Hi Cole,
I am not a developer
but I know enough to be able to add bits of code here and there…
Can you advise the component for which I would add this? Or advise how I can figure this out?
Thanks in advance

 the component that renders the modal for the flow

Krista Santucci

Can I install this in a sandbox? It doesn’t seem to be allowing me to do that.

Chase

When it asks you to log in, change the url from login to test

Krista Santucci

Thank you. I was able to get that to work. Is there a way I can get the text in this button to replace the next button? I can create an entirely new button, and change the label to ‘Submit’, or whatever I want but there are two problems: 1. Nothing happens when I click the button on the flow component, so it’s not moving to the next step in my flow which is to create a new record. 2: There is no way to get the previous button to display next to this submit button.

Chase

1. As far as I can tell, the only functionalities that actually work in this component are the “Flow Action” and URL options. The Create Record, launch action, flow, etc. all do not work as advertised. My assumption is they all relied on url hacking, which isn’t officially supported by salesforce and has changed quite a bit in lightning. You can google salesforce lightning url hacking to see what is still possible. I know its possible to edit records with a url hack but not sure if its possible to create one. 2. If you want to use these buttons… Read more »

Eric Smith

The Navigation Button component on this site may do what your are looking for.
https://unofficialsf.com/fsc-navigation-button/

Raul Ramos

Hi, I did try it, but the redirect to a record option, it is only working on classic, but on on lightning.

Nash Hindes

Hi Chase! When you say that one of the functionalities that work is “URL options”, are you referring to the “Navigate to Url” option? If so, can you provide any pointers as to how you got this to work? I’ve tried a gazillion ways of doing this and nothing seems to work…but I’m probably missing something silly. Thanks in advance!

Alex Edelstein

Hi, Nash. This might explain things: WARNING: Remember that navigation ONLY works in Lightning experience, including launches from Quick Action buttons and flow component on Lightning Pages. It does not work in Flows run from Setup

Chase Kaiser

As Alex said, make sure you are testing your flow in a production or sandbox environment (not with “Run” or “Debug” from the flow builder). If you are using an internal relative url, use the URLFOR() function in a formula variable and use the variable as the hyperlink. If it is a static url, you should just be able to paste it as is. I believe there may also be a “Navigate to URL” true/false input that would need to be set to true, but that is from memory as I do not have it in front of me. If… Read more »

CharlieL

is it possible to set a button as disabled?

Chase Kaiser

You could create 2 buttons with identical labels, one brand and one neutral, and use conditional visibility to determine which one is displayed

Abe

Great component!
 
This was working perfectly for us, however, the “Auto Start without button press” option just stopped working for us, we think because our org was just updated to the new summer 20 release.
 
Has anyone else experienced this? If so, is there a work around? Or a newer version that we could install?
 
Any help / feedback is appreciated.

Angie

Same issue here.
Any update on the “auto start” not working issue?
I use this functionality to close out my flow after my users have created a record and i ask them if they want to create another without them having to click on a finish screen….
 

Angie

 “Auto Start without button press” option Not Working
 
Same issue here. After Summer 2020 Release

Any update on the “auto start” not working issue?
I use this functionality to close out my flow after my users have created a record and i ask them if they want to create another without them having to click on a finish screen….

Chase Kaiser

For those of you having the issue of having buttons at the bottom of your flow that float outside of the page, below is a super simple component that fixes it:
 
<aura:component implements=”lightning:availableForFlowScreens”>
  <body>
    <div style=”clear: both;”></div> 
  </body>
</aura:component>
 
Adding a custom component with the above code to the bottom of your flow screen will extend the page to encompass any floating elements and keep your flow looking sharp.

Theo Blagg

Is anyone else having issues with the Auto Start without button press functionality since the Summer ’20 Release? It doesn’t appear to be working anymore and going to the next element in the flow if the flow action is NEXT.

Jojo

How can I make two buttons align side by side? Currently I have 2 navigation buttons in my flow but they appear like:
 
[button 1]
[button 2]
 
I want these to appear like:
 
[button1][button 2]
 
I read the blog which suggests using the last button field, but this appears to be depracated. Any help would be appreciated!

Screenshot 2020-06-10 at 16.56.40.png
Chase Kaiser

To achieve this, you will need 3 buttons:
 
[btnBlank][btn1][btn2]
 
for btnBlank, give it an API name only. Configure btn1 and btn2 as desired, setting Last Button = true on btn2. That should get you what you need.

Jojo

This still doesn’t seem to be working for me. I have attached screenshots of the three buttons. Please me know if I am doing something wrong.
 
 

buttons_navbtn.png
Chase Kaiser

I believe you need to position button1 and button2 (left, right, center)

Jojo

Thank you for being so patient! I added the value ‘Right’ to the Flow Navigation buttons: button1 and button2 in the Button Position field.
 
Unfortunately, this doesn’t seem to have done the trick.

Screenshot 2020-06-10 at 23.39.56.png
Chase Kaiser

Here are screenshots of 3 aligned buttons in one of my flows. See if you can figure anything out from this!
 comment image

Jojo

That has fixed the issue! Thanks again for your patience.
 
In case anybody reads this in the future, I think the missing link was also the css.

Amy Colin

Does this component work in flows launched from a custom URL button? I have a list view button that launches a screen flow, and I’d like this button component to take the user to the newly created record (using a url including the new record ID). Any advice?

Chase Kaiser

Yes, this component will work perfectly for your use case. Just make your URL: “..\” & {!recordId}. This can be done with a button press or autolaunched with the navigation button screen component. If you are planning to autolaunch it, this flow components package on the app exchanged contains an action that will redirect the user to any record given the id. It make’s the flow easier to read rather than hiding a button on a blank screen.

Amy Colin

Wow, thanks so much for the quick response! I tried that, but when I click the navigate button nothing happens. Oddly, when I embed the flow in a record, the navigate button does function as expected. I’m just curious if I need to do anything differently with my custom list view button, which has a url that calls the flow. Any suggestions?

Alex Edelstein

The Custom List View Button mechanism uses an older runtime that does not work with the navigation events, unfortunately. Quick Action buttons do work with navigation events, but don’t allow that sweet passing of input parameters.

Amy Colin

Got it – thanks! So, I’m struggling to think of other ways to launch my screen flow, which creates a new record, other than using a custom button or a quick action button. There are so many great components that you have on this site that I’d like to use! Maybe I’m missing something obvious, but I’d appreciate any other suggestions for launching a screen flow in a way that will work with your components. Thank you in advance!!

Chase Kaiser

A trick I use quite often is embedding a screen flow into a lightning page that consists only of a single screen with one or more navigation buttons. The navigation button(s) are configured to launch a flow, which will open in a new modal. Works flawlessly.

If the object in question has it’s own tab, you could of course also just override the new button with a simple vf page that launches your flow.

Amy Colin

I like the Lightning Page suggestion – thanks! I will probably go with that. As for the ‘New’ button w/ visualforce page override – that would be the perfect ideal solution, but, as I understand it, flows which launch from vf pages will run in classic runtime… and these great screen flow components won’t work in classic runtime (unless there is some setting to override the behavior that I am not aware of).?