Question

Custom HTML submit button Modern Form Designer

Forms

Updated May 28, 2024

asked on May 22, 2024

Is there a way to add a custom html submit button to the form using the Modern Form Designer?

I've built a nice dashboard with clickable html buttons that link out to other Laserfiche forms. Those are working as intended. Example (linking to google.com)

<button style="color:white; background-color:dodgerblue; border-color:gray;width:150px;height:50px;" onmouseup="window.open('https://www.google.com)" type="button">Submit a New RFC</button>

I'd like to add a custom submit button to the form (I've already hidden the default Submit button) so that I can customize the wording around the button and location to indicate clicking Submit will actually load the next user task which will be another view of the Dashboard.

Any advice for adding a Submit button using the Custom HTML element? So far I've only found resources for using the Classic Form Builder.

Otherwise, is there a way to "move" the default submit button so that I can have it appear in-line with text near the middle of the document?

0 0

Answer

SELECTED ANSWER

replied on May 22, 2024

Right now there is no way to submit a form programmatically or via custom HTML element. You are also pretty limited in where you can move it. We plan to add this to cloud soon and in LF12 as well. If you wanted you could move it up to the form title bar with the following CSS:

.action-btn-container.flex {
    position: absolute; 
    top: 0;
    display: flex;
    justify-content: flex-end;
}

I am interested to see how you are using the new designer as a dashboard tool, can I reach out to you outside of answers and get a quick demo? This would help me with some of my upcoming feature preparation

0 0

replied on May 22, 2024

Thank you Zachary, that helps to explain why I couldn't find any info about it. I'm going to rewrite the Dashboard in the classic form designer where I can make use of more advanced JavaScript.

The term "dashboard" might be over-selling it. It's just a page of links to other forms. The real magic was going to be clicking the custom submit button which would advance to the next user task allowing workflow to occur in-between to query a SQL table and return as a collection. I'll need to rethink it. Thanks again!

0 0

replied on May 22, 2024

Haha no problem! Like I said this is definitely on the near-term roadmap, feel free to make a new post at any time for additional enhancements to the LFForm object

0 0

Replies

replied on May 28, 2024

Unless I'm misunderstanding something, you should be able to make most of those changes through the Business Process designer itself. If you click on the form in the process diagram, you can change the "Submit button label" to read whatever you need it to, and under "On Event Completion", select "Redirect to website" and add your desired URL.

0 0

You are not allowed to follow up in this post.

Question

Question

Custom HTML submit button Modern Form Designer

Answer

Replies

Sign in to reply to this post.