We constantly come across having to populate a single line field with a URL and then take that URL and use it in a custom HTML field to display as a link. It would be nice if there was a Link field type where a URL could be populated in the field and then on subsequent forms it could be set to read only which would make it a clickable link automatically.
Question
Question
Replies
Cool idea, I'll add it to our feature request list.
Great "quality of life" suggestion! I can see this being a really useful feature. One thing I do a lot is creating dynamic links based on user input.
For example, on one of our employee change forms I use a "building" dropdown to set the URL for a link to building maps so supervisors can locate the room number where the employee will be sitting.
With a "Link" field like this I could reference the building variable in a calculation, and have the link updated dynamically without any custom JavaScript.
Great idea which compliments the new designer perfectly. Definitely a +1 from me.
Elaborating further on this feature request, I think it would be great to also provide the option to define how that 'read only' link was formatted when displayed.
- Simple Display: Responsive Button (with editable properties e.g. border radius, colour, background etc)
- Advanced Display: Full HTML (with variable placement)
Save me a lot of time on these things (as described, Custom HTML blocks):
Just as a heads up, I have found a way to create dynamic links in the new builder even though we do not have access to JavaScript. It basically uses the Rich Text field, CSS, and a Stored Procedure. Using the NEW designer:
- Add a Rich Text field to the form & set it to read-only
- Create a stored procedure that takes in the dynamic data for URL you want and returns it as an html formatted link
- e.g. <a href="https://www.google.com" target="_blank">Google</a>
- Setup a lookup rule on the Rich Text field to call the stored procedure, passing in the necessary other fields to generate the URL
- Update the CSS to format the Rich Text field as needed (e.g. hide field label, hide unnecessary parts of field, change background color, ...). I added a custom class to the Rich Text field called "fieldlabelhide" to also hide the label for the Rich Text field for a cleaner look. Below is what I used for the particular form I was working on.
-
.fieldlabelhide div>label {display: none;} .note-toolbar {display: none;} .note-statusbar {display: none;} .note-editable {min-height: 10px !important;background-color: white !important; padding:0px !important;font-size: medium !important;} .note-editor {background-color: white !important;border:none !important;} fl-rich-text {padding: 0px !important;}
-
While I still hope we get a URL field type, hopefully this helps someone out in the meantime.