Masks Form Fields vs WP Contact Slider – Contact Form Slider Widget

Add a class in the form field. Example of use with Contact Form 7: [tel your-phone class:phone placeholder "Phone"] Listing of classes available for use. ('span.start, input.start').mff_mask('00/0000'); ('span.date, input.date').mff_mask('00/00/0000'); ('span.time, input.time').mff_mask('00:00:00'); ('span.time2, input.time2').mff_mask('00:00'); ('input.date_time').mff_mask('00/00/0000 00:00:00'); ('input.date_time2').mff_mask('00/00/0000 00:00'); ('input.cep').mff_mask('00000-000', { clearIfNotMatch: true }); ('input.zip').mff_mask('00000'); ('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions); ('input.phone_us').mff_mask('(000) 000-0000'); ('input.taxid').mff_mask('00-0000000'); ('input.ssn').mff_mask('000-00-0000'); ('input.mixed').mff_mask('AAA 000-S0S'); ('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true }); ('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true }); ('input.money').mff_mask('000.000.000.000.000,00', { reverse: true }); ('input.money2').mff_mask('#.##0,00', { reverse: true }); ('input.money3').mff_mask('#,##0.00', { reverse: true }); ('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true }); ('input.money5').mff_mask('#.##0', { reverse: true }); ('input.money6').mff_mask('#,##0', { reverse: true }); ('input.ip_address').mff_mask('099.099.099.099'); ('input.percent').mff_mask('##0,00%', { reverse: true }); ('input.percent2').mff_mask('##0.00%', { reverse: true }); ('input.percent3').mff_mask('990,0%', { reverse: true }); ('input.percent4').mff_mask('990.0%', { reverse: true }); ('input.percent5').mff_mask('#,##0%', { reverse: true }); ('input.percent6').mff_mask('#.##0%', { reverse: true }); Click here for more details on how to add custom mask. Optional – Added option for the format of the Brazilian phone number, with attribute name equal to phonebr. Credits jQuery Mask Plugin

👑 Get Pro | Documentation | Support WP Contact Slider lets you display a slide-out panel with any contact form shortcode, including Contact Form 7 (CF7), Gravity Forms, NinjaForms, WP Forms, Caldera Forms, Constant Contact Forms, or custom HTML. Create multiple sliders and choose where they appear on your site. You can also customize the position, button style, and color scheme using an easy-to-use settings panel. 📃 Features: Display plain text or HTML. Support for any shortcode-based form. Gravity Forms shortcode support. Contact Form 7 shortcode support. WPForms shortcode support. Constant Contact Forms shortcode support. Contact Form by PirateForms shortcode support. Formidable Forms shortcode support. Form Maker shortcode support. FormCraft shortcode support. Visual Form Builder shortcode support. Ninja Forms shortcode support. myCred shortcode support. 📕 Docs & Support Documentation and FAQs are available on the WP Contact Slider’s official website. If you need help, please use the support forum on WordPress.org to create a new topic. If you were unable to find the answer to your question on the FAQ or in any of the documentation, you should check the support forum on WordPress.org. If you can’t locate any topics that pertain to your particular issue, post a new topic for it. == 🚀 GET MORE POWER WITH WP CONTACT SLIDER PRO 🚀 == 👉 Advance Settings With Advance Settings Add-On you get more control over your sliders including following; Change container width Change tab width Add a background image. Enable push body effect Hide the contact tab Disable full height Editor to manage content above shortcode/content within slider Editor to manage content after shortcode/content within slider Option to exclude slider, on selected post types Click here for more details 📖 👉 Triggers & Shortcodes With Triggers & Shortcodes Add On, you will get access to advance triggers and shortcodes TIME DELAY TRIGGER Set time in seconds, after which you would like to open slider in front-end without clicking the tab for the slider TIME DELAY INTERVAL TRIGGER (REPEATING) Set time in seconds, after which you would like to repetitively open slider again and again EXIT INTENT TRIGGER There are times when you want to display form for getting your visitors engaged once they intend to leave the page. Now with this Add-On, you can easily do that. BUTTON SHORTCODE This addon will generate shortcode for a button in your respective slider’s edit window so that you can easily add those buttons anywhere in the pages. Clicking on these buttons will trigger to display the respective slider. LINK SHORTCODE Triggers and Shortcode addon will also generate shortcode for the link in your respective slider’s edit window so that you can easily add those links anywhere in the pages. Clicking on these links will trigger to display the respective slider. Click here for more details 📖 👉 Display Multiple Sliders With Display Multiple Sliders Add On, you can easily display multiple sliders on a single page. POSITION EACH SLIDER FROM TOP USING SETTINGS IN SLIDER EDIT WINDOW Adding more than 2 slides on right or left would require to change the distance from the top for each. Now with this addon, you can easily do that. DISPLAY MULTIPLE SLIDER WITH DIFFERENT SHORTCODES OR HTML WHATEVER YOU WANT While displaying multiple sliders on the same page you can use different shortcodes, i.e you can use contact form 7 in one slider, ninja forms in other and HTML content in third one and so on and use all on the same page. 👉 Font Awesome Icons With Font Awesome Icons, you can easily select an icon from 400+ icons options right from slider settings. You will have the option to display a selected icon with or without label text without any custom CSS just with a single click. 👉 GET WP CONTACT SLIDER PRO 👉 Request For Custom Feature Interested in contributing to WP Contact Slider Head over to the WP Contact Slider GitHub Repository to find out how you can pitch in 😉