TOPIC:

How to Modify Section's Titles Individually 1 week 1 day ago #260301

  • Topic Author
  • papin0
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 77
  • Thanks: 0
I want to be able to control the Section Titles individually for example:
font-weight
font size
etc...

for a specific Section

TIA

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

Last edit: Post by papin0.

How to Modify Section's Titles Individually 1 week 1 day ago #260303

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

go to your form->Advanced->more options->Scripts->Initialization Script->check custom and put:
function ff_NAMEOFFORM_init()
{
jQuery("#SECTIONNAME legend").css("font-weight","bold"); //here you change title for section
} // ff_NAMEOFFORM_init
This is for bootstrap theme engine.
Please replace NAMEOFFORM with name of your form (not title)
and SECTIONNAME with name of your section (not title)

If you are using Breezing theme engine then like this:
function ff_NAMEOFFORM_init()
{
  jQuery("#SECTIONNAME .bfLegend-m").css("font-weight", "bold"); 
  
}
Regards,
Tihana

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

Last edit: Post by tihana.krivic.

How to Modify Section's Titles Individually 1 week 1 day ago #260306

  • Topic Author
  • papin0
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 77
  • Thanks: 0
it works but stops my other script from working,
Here is my code:

setInterval(ageCal, 500);
} // ff_referralform_init

function ageCal() {
var dateOfBirth = ff_getElementByName('dob').value;
var today = new Date();
var birthDate = new Date(dateOfBirth);
var age = today.getFullYear() - birthDate.getFullYear();
var m = today.getMonth() - birthDate.getMonth();
console.log(m);
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
age--;
ff_getElementByName('age').value = age;
}
}
Stops working
function ff_newreferralform_init()
{
jQuery('[name="ff_nm_searchcode[]"]').keydown(function() {
jQuery('[name="ff_nm_ICD10_select[]"] option').prop('hidden', false);
jQuery('[name="ff_nm_ICD10_select[]"] option').not(jQuery('[name="ff_nm_ICD10_select[]"] option:icontains('+ff_getElementByName('searchcode').value+')')).prop('hidden', true);
});

jQuery('[name="ff_nm_searchsymptoms[]"]').keydown(function() {
jQuery('[name="ff_nm_symptoms_select[]"] option').prop('hidden', false);
jQuery('[name="ff_nm_symptoms_select[]"] option').not(jQuery('[name="ff_nm_symptoms_select[]"] option:icontains('+ff_getElementByName('searchsymptoms').value+')')).prop('hidden', true);
});

} // ff_newreferralform_init
jQuery.expr.icontains = function(a, i, m) {
return jQuery(a).text().toUpperCase()
.indexOf(m[3].toUpperCase()) >= 0;
};


function ff_newreferralform_init()
{
jQuery("#click_code legend").css("font-size","small"); //here you change title text size
jQuery("#click_symptom legend").css("font-size","small"); //here you change title text size
} // ff_newreferralform_init

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

How to Modify Section's Titles Individually 1 week 18 hours ago #260312

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

you put the same function function ff_newreferralform_init() twice.
It should be like this:
function ff_newreferralform_init()
{
jQuery("#click_code legend").css("font-size","small"); //here you change title text size
jQuery("#click_symptom legend").css("font-size","small"); //here you change title text size

jQuery('[name="ff_nm_searchcode[]"]').keydown(function() {
jQuery('[name="ff_nm_ICD10_select[]"] option').prop('hidden', false);
jQuery('[name="ff_nm_ICD10_select[]"] option').not(jQuery('[name="ff_nm_ICD10_select[]"] option:icontains('+ff_getElementByName('searchcode').value+')')).prop('hidden', true);
});

jQuery('[name="ff_nm_searchsymptoms[]"]').keydown(function() {
jQuery('[name="ff_nm_symptoms_select[]"] option').prop('hidden', false);
jQuery('[name="ff_nm_symptoms_select[]"] option').not(jQuery('[name="ff_nm_symptoms_select[]"] option:icontains('+ff_getElementByName('searchsymptoms').value+')')).prop('hidden', true);
});

} // ff_newreferralform_init

Regards,
Tihana

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

How to Modify Section's Titles Individually 1 week 8 hours ago #260333

  • Topic Author
  • papin0
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 77
  • Thanks: 0
is working great but I just realized that is also changing the Title font-weight of the Sub Sections
and I just want to change the main Section Title font-weight
Attachments:

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

How to Modify Section's Titles Individually 1 week 7 hours ago #260335

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

in this part of code:
jQuery("#SECTIONNAME legend").css("font-weight","bold"); //here you change title for section
did you put section name for main section only?

Regards,
Tihana

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

Last edit: Post by tihana.krivic.
  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.077 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!