Reveal Lightbox and Text Input


(Bill Fleming) #1

I developed a sign up form for our media hub. Those who signed up would need a GPH number which I added a Text Input and labeled it GPH number but I wanted to add something next to that label like “What is a GPH number?” and underline it implying that it a link. When the link is clicked, I would like to open a Reveal Lightbox containing the information about what and where they can locate their GPH number.

When I add a Reval lightbox it places the link right above the label and i tried using float but it only float to the left pushing the label to the right. I can’t see to get it to float right instead and the font is bigger than the label so the input box become out of place over the rest of the form.

Is there a trick to put a link inside the label itself and link it to the reveal lightbox?

Thank you
Bill


(Bill Fleming) #2

I was able to figure this out myself so I thought I would go ahead and share it here for reference.

Add reveal lightbox stack
check Launch External and enter a Reveal ID - something like locateAccount

Add text input stack
in Label box - enter a label and a href link with reveal id

Label example:
Account Number &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" data-reveal-id="locateAccount" style="text-decoration: underline;">How to locate your account number?</a>


(system) #3

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.