Last Updated on November 5, 2024 by Neil Murray
CF7 Skins – Miscellaneous #
DOM element selectors #
WP
- document.getElementById(‘post_ID’)
- ADD
- document.getElementById(‘post_ID’).getAttribute(‘value’)
- CF7 Post ID (null for new created CF7 form)
CF7
- document.getElementById(‘wpcf7-contact-form-editor ‘)
- document.getElementById(‘wpcf7-admin-form-element’)
- CF7 UI ( form method=”post” )
- document.getElementById(‘title’).value
- CF7 form title
- document.getElementById(‘contact-form-editor’)
- CF7 UI ()
- document.getElementById(‘form-panel’)
- CF7 UI ()
- document.getElementById(‘wpcf7-form’)
- CF7 UI (textarea)
CF7 Skins
- src/index.js
- document.getElementById(‘tab-visual’)
- React root on dev server
- document.getElementById(‘tab-visual’)
- src/visual/index.js
- document.getElementById( ‘tab-template’ )
- Template tab
- tabTemplate.getElementsByClassName( “select” )
- Each Template on Template tab
- document.getElementsByClassName(‘cf7sSpinner’)
- show spinner while Save
- document.getElementById( ‘cf7s-template’ ).value
- selected CF7 Skins Template
- document.getElementById( ‘cf7s-style’ ).value
- selected CF7 Skins Style
- document.getElementById(‘cf7s-visual-notice’)
- display notice above CF7 UI
- document.getElementById( ‘tab-template’ )
CF7 Elements #
wpcf7-admin-form-element – CF7 UI ( form method=”post” ) Error: Contact form not found.
post_ID – <input type="hidden" id="post_ID" name="post_ID" value="3645">
active-tab – <input type="hidden" id="active-tab" name="active-tab" value="0 ">
title – <input type="text" name="post_title" value="Test - Visual - Test (Blank Form)" id="title">
wpcf7-shortcode – <input type="text" id="wpcf7-shortcode" value="
contact-form-editor –
contact-form-editor-tabs –
form-panel –
wpcf7-form – <textarea id="wpcf7-form" name="wpcf7-form" data-config-field="form.body">CONTENT</textarea>
mail-panel –
wpcf7-mail –
wpcf7-mail- –
messages-panel –
additional-settings-panel –
wp_options #
All CF7 Skins wp-options start with cf7skins e.g. cf7skinsmulti.
You can find all CF7 Skins wp-options using these search settings – LIKE cf7s%
CF7 Skins wp-options
| cf7skins – ‘add_asterisk – ‘color_scheme – ‘delete_data’ – ‘display_log’ – ‘export’ – ‘show_copy’ – ‘show_name’ – ‘multi_scroll’ | All options set at CF7 Skins Settings Asterisk – Add asterisk to required fields Admin Color Scheme – Select color scheme Delete Settings – Remove all plugin data License Logs – Display plugin license logs Export Form – Export individual CF7 forms Visual Data – Enable copy & paste of visual data Show Field Names – Show field names on fields Multi Scroll – Enable scroll effect for Multi |
| cf7skins_version_installed | |
| cf7skins_update_notice | |
| cf7skins_repo_status | Used to activate individual plugins on CF7 Skins – Single Repo |
| cf7skins_activation | used for Logs |
| cf7skins_deactivation | used for Logs |
| cf7skins_get_version | used for Logs |
| cf7skinspro_license_status | |
| cf7skinspro_activated | |
| cf7skinspro_deactivation_log | ??? |
| cf7skinsready_license_status | |
| cf7skinsready_activated | |
| cf7skinsready_deactivation_log | |
| cf7skinsmulti_license_status | |
| cf7skinsmulti_activated | |
| cf7skinsmulti_deactivation_log | |
| cf7skinslogic_license_status | |
| cf7skinslogic_activated | |
| cf7skinslogic_deactivation_log | |
| pro_license_key | ??? |
| ready_license_key | ??? |
| multi_license_key | ??? |
| cf7skins_license_status | used for Beta Testing – no longer used |
| cf7skins_activated | ??? |
| cf7skins_license_key | used for Beta Testing – no longer used |
| cf7skinsvisual_license_status | no longer used |
| cf7skinsvisual_activated | no longer used |
| cf7skinsvisual_activation_log | no longer used |
| cf7skinsvisualpro_license_status | no longer used |
| cf7skinsvisualpro_activated | no longer used |
| cf7skinsvisualpro_activation_log | no longer used |
| cf7skinspayment_license_status | DELETE – not released |
| cf7skinspayment_activated | DELETE – not released |
| CF7SKINSDEVEL_activated | CHANGE to cf7skinsdevel_activated |
| CF7SKINSTEST_activated | CHANGE to cf7skinstest_activated |
cf7skins – All options set at Contact Form 7 Skins Settings
– ‘color_scheme’
– ‘display_log’
– ‘delete_data’
cf7skins_activated
cf7skins_version_installed
cf7skins_license_status – Used for Beta Testing – no longer used
cf7skins_license_key – Used for Beta Testing – no longer used
cf7skins_get_version – Used for Logs
cf7skins_activation – Used for Logs
cf7skins_deactivation – Used for Logs
cf7skinspro_activated
cf7skinspro_license_status
pro_license_key
cf7skinsmulti_activated
cf7skinsmulti_license_status
multi_license_key
cf7skinsready_activated
cf7skinsready_license_status
ready_license_key
Global Constants #
CF7 Skins – Single Repo (Development plugins)
define( ‘CF7SKINS_REPO_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINS_REPO_NAME’, ‘CF7 Skins – Single Repo’ );
define( ‘CF7SKINS_REPO_STATUS’, ‘cf7skins_repo_status’ );
define( ‘CF7SKINS_REPO_ENVIRONMENT’, ‘cf7skins_repo_environment’ );
CF7 Skins (Development & wordpress.org Version)
define( ‘CF7SKINS_VERSION’, ‘1.2.2’ );
define( ‘CF7SKINS_OPTIONS’, ‘cf7skins’ ); // Database option names
define( ‘CF7SKINS_TEXTDOMAIN’, ‘contact-form-7-skins’ );
define( ‘CF7SKINS_FEATURE_FILTER’, false ); // @since 0.4.0
define( ‘CF7SKINS_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINS_URL’, plugin_dir_url( __FILE__ ) );
define( ‘CF7SKINS_STYLES_PATH’, CF7SKINS_PATH . ‘skins/styles/’ );
define( ‘CF7SKINS_STYLES_URL’, CF7SKINS_URL . ‘skins/styles/’ );
define( ‘CF7SKINS_TEMPLATES_PATH’, CF7SKINS_PATH . ‘skins/templates/’ );
define( ‘CF7SKINS_TEMPLATES_URL’, CF7SKINS_URL . ‘skins/templates/’ );
define( ‘CF7SKINS_UPDATE_URL’, ‘http://cf7skins.com’ ); // @since 0.7.0
CF7 Skins Pro
define( ‘CF7SKINSPRO_VERSION’, ‘1.2’ );
define( ‘CF7SKINSPRO_OPTIONS’, ‘cf7skins-pro’ ); // Database option names
define( ‘CF7SKINSPRO_EDD_SLUG’, ‘cf7skins-pro’ ); // EDD download slug
define( ‘CF7SKINSPRO_EDD_ID’, 3356 ); // EDD download ID
define( ‘CF7SKINSPRO_TEXTDOMAIN’, ‘cf7skins-pro’ );
define( ‘CF7SKINSPRO_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSPRO_URL’, plugin_dir_url( __FILE__ ) );
define( ‘CF7SKINSPRO_STYLES_PATH’, CF7SKINSPRO_PATH . ‘skins/styles/’ );
define( ‘CF7SKINSPRO_STYLES_URL’, CF7SKINSPRO_URL . ‘skins/styles/’ );
define( ‘CF7SKINSPRO_TEMPLATES_PATH’, CF7SKINSPRO_PATH . ‘skins/templates/’ );
define( ‘CF7SKINSPRO_TEMPLATES_URL’, CF7SKINSPRO_URL . ‘skins/templates/’ );
CF7 Skins Extra
define( ‘CF7SKINSEXTRA_VERSION’, ‘2.7.0’ );
define( ‘CF7SKINSEXTRA_OPTIONS’, ‘cf7skins-extra’ ); // Database option names
define( ‘CF7SKINSEXTRA_EDD_SLUG’, ‘cf7skins-extra’ ); // EDD download slug
define( ‘CF7SKINSEXTRA_EDD_ID’, 38354); // EDD download ID
define( ‘CF7SKINSEXTRA_TEXTDOMAIN’, ‘cf7skins-extra’ );
define( ‘CF7SKINSEXTRA_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSEXTRA_URL’, plugin_dir_url( __FILE__ ) );
define( ‘CF7SKINSEXTRA_STYLES_PATH’, CF7SKINSEXTRA_PATH . ‘skins/styles/’ );
define( ‘CF7SKINSEXTRA_STYLES_URL’, CF7SKINSEXTRA_URL . ‘skins/styles/’ );
define( ‘CF7SKINSEXTRA_TEMPLATES_PATH’, CF7SKINSEXTRA_PATH . ‘skins/templates/’ );
define( ‘CF7SKINSEXTRA_TEMPLATES_URL’, CF7SKINSPRO_URL . ‘skins/templates/’ );
CF7 Skins Ready
define( ‘CF7SKINSREADY_VERSION’, ‘1.0.4’ );
define( ‘CF7SKINSREADY_OPTIONS’, ‘cf7skins-ready’ ); // Database option names
define( ‘CF7SKINSREADY_EDD_SLUG’, ‘cf7skins-ready’ ); // EDD Download Slug
define( ‘CF7SKINSREADY_EDD_ID’, 3953 ); // EDD Download ID
define( ‘CF7SKINSREADY_TEXTDOMAIN’, ‘cf7skins-ready’ );
define( ‘CF7SKINSREADY_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSREADY_URL’, plugin_dir_url( __FILE__ ) );
CF7 Skins Styles
define( ‘CF7SKINSSTYLES_VERSION’, ‘1.0.4’ );
define( ‘CF7SKINSSTYLES_OPTIONS’, ‘cf7skins-ready’ ); // Database option names
define( ‘CF7SKINSSTYLES_EDD_SLUG’, ‘cf7skins-ready’ ); // EDD Download Slug
define( ‘CF7SKINSSTYLES_EDD_ID’, 38356 ); // EDD Download ID
define( ‘CF7SKINSSTYLES_TEXTDOMAIN’, ‘cf7skins-ready’ );
define( ‘CF7SKINSSTYLES_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSSTYLES_URL’, plugin_dir_url( __FILE__ ) );
CF7 Skins Multi
define( ‘CF7SKINSMULTI_VERSION’, ‘1.0.7’ );
define( ‘CF7SKINSMULTI_OPTIONS’, ‘cf7skins-multi’ ); // Database option names
define( ‘CF7SKINSMULTI_EDD_SLUG’, ‘cf7skins-multi’ ); // EDD Download slug
define( ‘CF7SKINSMULTI_EDD_ID’, 3789 ); // EDD Download ID
define( ‘CF7SKINSMULTI_TEXTDOMAIN’, ‘cf7skins-multi’ );
define( ‘CF7SKINSMULTI_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSMULTI_URL’, plugin_dir_url( __FILE__ ) );
CF7 Skins Logic
define( ‘CF7SKINSLOGIC_VERSION’, ‘1.0.4’ );
define( ‘CF7SKINSLOGIC_OPTIONS’, ‘cf7skins-logic’ ); // Database options name
define( ‘CF7SKINSLOGIC_META’, ‘_cf7s_logic’ ); // Database post meta name
define( ‘CF7SKINSLOGIC_EDD_SLUG’, ‘cf7skins-logic’ ); // EDD Download slug
define( ‘CF7SKINSLOGIC_EDD_ID’, 4493 ); // EDD Download ID
define( ‘CF7SKINSLOGIC_TEXTDOMAIN’, ‘cf7skins-logic’ );
define( ‘CF7SKINSLOGIC_PATH’, plugin_dir_path( __FILE__ ) );
define( ‘CF7SKINSLOGIC_URL’, plugin_dir_url( __FILE__ ) );
define( ‘CF7SKINSLOGIC_USE_PANEL’, true ); // Add Logic to CF7 panels
CF7 Skins Plugin folders #
- Plugin
- CF7 Skins
- CF7 Skins Pro
- CF7 Skins Ready
- CF7 Skins Multi
- CF7 Skins Logic
- Dev. Version
- cf7skins
- cf7skins-pro
- cf7skins-ready
- cf7skins-multi
- cf7skins-logic
- Live Version
- contact-form-7-skins
- cf7-skins-pro
- cf7-skins- ready
- cf7-skins- multi
- cf7-skins- logic
Further reading
- Visual Sections
- Visual – components & CSS classes
- CF7 Skins – Folders & Files
- CF7 Skins Plugins – Folders & Files
- @wordpress/scripts – Folders & Files
- CF7 Skins CSS – Folders & Files
Notes
Add notes here
Save all Images to Sync – use ..\Sync\..\Development\Development Guidelines\CF7 Skins Code\CF7 Skins Visual Tools\Miscellaneous\