TOPIC:

Add hyperlink / command button after textbox 2 months 2 days ago #257539

  • Topic Author
  • geeksscript
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 97
  • Thanks: 1
The form you sent was not installing. I had to replace header data (everything before <template_code>) to get it installed.

After installing, the layout is not proper. You may check it here- www.dolancing.com/test-bf-verify

Please Log in or Create an account to join the conversation.

Add hyperlink / command button after textbox 2 months 2 days ago #257541

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 6086
  • Karma: 3
  • Thanks: 429
Hi,

yep, this looks like for me too. But this is the only way to get this "Verify" next to the textfield (using section with two columns) :/

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Add hyperlink / command button after textbox 2 months 2 days ago #257542

  • Topic Author
  • geeksscript
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 97
  • Thanks: 1
I understand.

I do not mind having a submit button element as below:


With this, I would like to
  1. hide the dot (label) at left and Verify Contact Number position to be intact
  2. add a class to the button
Attachments:

Please Log in or Create an account to join the conversation.

Add hyperlink / command button after textbox 2 months 2 days ago #257545

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 6086
  • Karma: 3
  • Thanks: 429
Hi,

1) when someone put Contact No. in field, if you want number position to be intact we can make a field readonly on click. Is this ok for you?

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Add hyperlink / command button after textbox 2 months 2 days ago #257549

  • Topic Author
  • geeksscript
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 97
  • Thanks: 1
I didn't get you. I am simply saying that "Verify Contact Number" button position should be intact when the label dot is removed / hidden.

Please Log in or Create an account to join the conversation.

Add hyperlink / command button after textbox 2 months 2 days ago #257551

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 6086
  • Karma: 3
  • Thanks: 429
Hi,

ah sorry, my fault

For this you don't need dot. You can delete it, and just set margin of this button.

E.g. you can find ID of your submit button in right click to your browser->Inspect->and in Console find ID for this button.
Then go to your form->Advanced->More options->Before form->check Custom and put:
echo '
<style>
#ff_elem640 {
margin-left: 35%;
}
</style>
';
Replace #ff_elem640 with your ID.

Let me know if you need more help

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Moderators: ForumSupport
Time to create page: 0.096 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!