GravityWP – CSS Selector

Omschrijving

This plugin is an add-on for the amazing Gravity Forms Plugin.
Special thanks to Brad Vincent and Bryan Willis for developing the first and revised version of this plugin.

Gravity Forms heeft CSS Ready Classes (standaard CSS classes) om jouw formulier vorm te geven. Door deze classes te gebruiken kun je eenvoudig geavanceerde layouts maken voor je formuliervelden. Geweldig idee, maar het probleem is dat je altijd moet onthouden hoe de CSS classes precies heten. Met de CSS Ready Classes selector hoef je niets meer te onthouden. Klik eenvoudig op de knop om een pop-up te openen en kies de CSS code die je wil toevoegen.

Features

  • Convenient button added under the advanced tab next to the CSS Class field
  • Clean and simple pop-up that lists all the CSS Ready Classes
  • Add more than one CSS Ready Class
  • Double-click a CSS Ready Class to add it and auto-close the popup
  • Also 4 columns supported

Schermafdrukken

  • De knop die toegevoegd wordt aan 'Geavanceerd'
  • De pop-up die wordt getoond
  • Add custom css

Installatie

  1. Upload de plugin naar jouw /wp-content/plugins/ map
  2. Activeer de plugin in het ‘Plugins’ menu in WordPress
  3. Wees er zeker van dat Gravity Forms ook geactiveerd is.

FAQ

Wat is nodig voordat deze plugin werkt?

Ja, je moet de Gravity Forms Plugin installeren voordat deze plugin werkt (in ieder geval versie 1.5).

How to add custom CSS buttons?

You can add your own CSS to the CSS Selector easily in your functions.php file. Just add the following example code there. It adds quick buttons and an accordion on top of the modal. That way you can put easily your own CSS in the layout you want.

// Add custom css: quick buttons and accordion at the top of the GravityWP - CSS Selector modal
function my_custom_gwp_css_selector_add_css() {
    $html .= "<div class='gwp_quick_links'>
    <a class='gwp_css_link' href='#' rel='your_custom_css_class' title='Adds your_custom_css_class to the CSS field'>Custom css</a>
    <a class='gwp_css_link' href='#' rel='your_custom_css_class_2' title='Adds your_custom_css_class_2 to the CSS field'>2nd custom css</a></div>
    <li>
    <a class='gwp_css_acc_link' href='#'>Custom CSS</a>
    <div class='gwp_css_accordian'>
    <a class='gwp_css_link' href='#' rel='your_custom_css_class' title='Adds your_custom_css_class to the CSS field'>Custom css</a>
    <a class='gwp_css_link' href='#' rel='your_custom_css_class_2' title='Adds your_custom_css_class_2 to the CSS field'>2nd custom css</a>
    </div>
    </li>";
    return $html;
}
add_filter( 'gwp_css_selector_add_custom_css', 'my_custom_gwp_css_selector_add_css' );

Beoordelingen

Great Plugin and very much needed

I tried the other css selector plugin but that looks like it has been abandoned. Found this and very impressed. Worked well and like all the options. Now if only you can create a styling plugin for Gravity forms. Gravity forms is great but ugly and does not have multi column support, but you have done a great job with this.
Lees alle 7 beoordelingen

Bijdragers & ontwikkelaars

“GravityWP – CSS Selector” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“GravityWP – CSS Selector” is vertaald in 1 taal. Dank voor de vertalers voor hun bijdragen.

Vertaal “GravityWP – CSS Selector” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.0

  • Add gwp_css_selector_add_custom_css filter to add custom css
  • Updated translation files

0.2.2

  • De Gravity PDF pagebread CSS class aangepast
  • gf_invisible CSS class toegevoegd
  • Lijst kolommen en hoogtes gecombineerd naar radioknoppen & checkboxen
  • Aangepaste verwijzingen naar documentatie

0.2.1

  • Pagina ondersteuning voor Gravity PDF toegevoegd
  • Taalbestand bijgewerkt
  • Nederlandse vertaling bijgewerkt

0.2

  • CSS classes voor Gravity PDF (exclude) en Gravity Wiz (Copy Cat) toegevoegd
  • Vormgeving aangepast (documentatie zichtbaar na klik)

0.1

  • Eerste Uitgave
  • Lokalisatie toegevoegd