Code Sheet

Licencia Formidable Pro

FMRVB-O5IWB-93C1K-7DC9U

Licensed to: Julius Hernández

Google Maps Api-key (julius.hernandez)

AIzaSyC_wmqfz3_BNsocJBO00DJpMO8CWRVVvNI

julius.hernandez@gmail.com

Código para insertar enlace a Whatsapp

< a href="https://wa.me/529612860659?text=Hola%20StarWebs!%20Estoy%20interesado%20en%20sus%20productos.">Número de teléfono< /a>

Insertar en cualquier lugar.

Formidable: Script para recargar (refrescar) página en un View

< script type=»text/javascript»>
jQuery(‘.frm_update_field_link’).click(function(){
setTimeout(function () {
window.location.href= ‘http://juliushernandez.mx/clickbalance/’;
}, 500);
})
< /script>

En este ejemplo está colocado en una página con un View de Formidable. Colocarlo después del shortcode del View, en la misma página.

Formidable: Convertir a mayúsculas mientras se escribe en un input

[input onkeyup=»this.value = this.value.toUpperCase();»]

Agregar el código después del input correspondiente en Customize HTML del formulario. If you need to force a field to convert it’s value to uppercase characters as a user types you can add this JS directly to the [input] shortcode:

Force Uppercase Characters

Formidable: editlink

[editlink label=»editar» page_id=47]

page_id is the post/page number

Formidable: Colocar un icono de FontAwesome en Editlink

[editlink label=»» class=»fa fa-edit»]

Colocar label=»» para desaparecer la palabra Edit por default.

Formidable: Editlink in-place con Container

[editlink label=»editar» label=»Editar» prefix=»frm_edit_container_»]

page_id is the post/page number

Formidable: deletelink (forms or views)

[deletelink label=»Eliminar este registro» confirm=»¿Seguro de eliminar este registro?»]

En un formulario, ir a Configuración → “Personalizar HTML” e insertarlo en las secciones “Campos antes” o “Campos después”.

Formidable: get param

[get param=the_param]

the_param es el nombre del parámetro

Formidable: Calcular edad en un formulario a partir de un campo de fecha

[age id=clave_de_fecha]

Ponerlo en “Calcular valor predeterminado de este campo” en un campo de número. clave_de_fecha es la id/clave del campo de Fecha usado para calcular la edad

Formidable: font-family (CSS) para estilo de formulario

Arial,Helvetica Neue,Helvetica,sans-serif;

Ponerlo en General > Font-family

(Elementor) Cerrar el widget acordeón por defecto

< script >
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$(‘.elementor-tab-title’).removeClass(‘elementor-active’);
$(‘.elementor-tab-content’).css(‘display’, ‘none’); }, delay);
});
< /script >

Colocarlo de preferencia en la parte de arriba del html del mismo acordeón.

Cómo cerrar por defecto el acordeón de Elementor

Poner un icon de FontAwesome

Sólo eso, y aparece donde sea que pueda haber texto.
Tamaños: fa-xs fa-sm fa-lg fa-2x fa-3x fa-5x fa-7x fa-10x
Uso – Iconos

CSS: Media screen max and min

@media screen and (max-width: 700px) {
}

Para pantalla con ancho no mayor a 700px

CSS: font syntax

font: 600 28px/34px Roboto;

Expresiones Regulares (Regex)

^([A-Z]{4})([0-9]{6})([A-Z]{6})([0-9]{2})

Cadena alfanúmerica de 4 letras, 6 dígitos, 6 letras y 2 dígitos, todo mayúsculas.

Script: Botón para ver ancho de pantalla

< button id=»screensizebutton» onclick=»myFunction()» >Width< /button >

< span id=»screensize» >< /span >

< script >
function myFunction() {
var x = » » + window.innerWidth + «px»;
document.getElementById(«screensize»).innerHTML = x;
}
< /script >

Puede ponerse en la página o en un widget de HTML.
Quitar espacios entre los < >

Script: Mostrar tipo de ancho (Desktop, tablet, mobile)

< div id=»views» >
< span id=»viewDesktop»> Desktop</span>
< span id=»viewTabletP»> Tablet (portrait)</span>
< span id=»viewTabletL»> Tablet (landscape)</span>
< span id=»viewMobileP»> Mobile (portrait)</span>
<span id=»viewMobileL»> Mobile (landscape)</span>
< /div >

STYLE

button#screensizebutton {background: lightgray;margin-bottom:25px;}

span#screensize {font-size:20px; color: black}

div#views {font-size:20px; margin-bottom:25px; color: lightgray;}

span#viewDesktop {color: black}
span#viewTabletP {padding-left:25px;}
span#viewTabletL {padding-left:25px;}
span#viewMobileP {padding-left:25px;}
span#viewMobileL {padding-left:25px;}

@media screen and (max-width: 700px) {

div#views {font-size:16px; margin-bottom:25px;}

span#viewDesktop {color:lightgray;}
span#viewTabletP {padding-left:25px;color:lightgray;}
span#viewTabletL {padding-left:25px;color:lightgray;}
span#viewMobileP {padding-left:25px; color:black;}
span#viewMobileL {padding-left:25px;color:lightgray;}

}