New Payment Gateways Released

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

button for conditional

4 days 17 hours ago #1

  • Ad's Avatar
  • Ad
  • Posts: 14
hello
I am working on the website again and am creating a form that allows customers to create a CV.
This means that people must be able to enter more than one education.
I am solving that by adding a checkbox that can be clicked if another education has to be added.
However, it would be nicer if there were a button with an image of a + like the one in the attachment.
Is it possible to make that so that the conditional reacts when the button is clicked?
Attachments:

4 days 17 hours ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
Hello,
Thank you for contacting us

Unfortunately there is no such possibility,
But you can style the checkbox as a button using custom code.

Best Regards,
Vyacheslav, Balbooa Support Team

4 days 16 hours ago #3

  • Ad's Avatar
  • Ad
  • Posts: 14
I am not a coder, can you give me some code how to style the checkbox?

4 days 16 hours ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

4 days 16 hours ago #5

  • Ad's Avatar
  • Ad
  • Posts: 14
p4index.com/index.php/nl/de-p4index/test-cv
You need to login with account because the menu is blocked by rsmembership.The file is only in the dutch version
In the backend it's form Curriculum Vitae

4 days 16 hours ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
Send the link to the page with the form in which you need to style the checkbox as a button and indicate where the checkbox is located

Regards,
Vyacheslav, Balbooa.com

4 days 16 hours ago #7

  • Ad's Avatar
  • Ad
  • Posts: 14

4 days 15 hours ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
You need to add a class custom-checkbox for the checkbox
and add the CSS code to the code editor
.ba-form-field-item.custom-checkbox .ba-form-checkbox-wrapper {
    margin: 0; 
}

.ba-form-field-item.custom-checkbox .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    height: 58px;
    top: 0 !important;
    width: 58px;
}

.ba-form-field-item.custom-checkbox .ba-form-checkbox-wrapper .ba-checkbox-title {
    display: inline-block;
    font-size: 36px;
    left: 19px;
    line-height: 0;
    pointer-events: none;
    position: absolute;
    top: 29px;
    z-index: 10;
}

.ba-form-field-item.custom-checkbox .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span:before {
    display: none;
}

Best Regards,
Vyacheslav, Balbooa Support Team

4 days 15 hours ago #9

  • Ad's Avatar
  • Ad
  • Posts: 14
Gr8! I love it!

One more question, how can I make the results of the form visible in the form? It would be nice if the customer sees the results before he sends the form to his email

When I make the email I can use the codes like [Field ID=362], is it possible to use these codes in text or html in the form?

4 days 15 hours ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
You are welcome ;)
Unfortunately there is no such possibility

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum