Download the PHP package sciactive/pform without Composer
On this page you can find all versions of the php package sciactive/pform. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download sciactive/pform
More information about sciactive/pform
Files in sciactive/pform
Package pform
Short Description Pixel perfect CSS form layouts.
License Apache-2.0
Homepage http://sciactive.com/pform/
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package pform
PForm - Pixel Perfect Forms
PForm is a pixel perfect CSS form layout library.
See http://sciactive.com/pform/ for examples.
Installation
You can install PForm with NPM, Composer or Bower.
Getting Started
PForm comes with the following files:
pform.css- The main stylesheet.pform-bootstrap.css- Use this if you also use Bootstrap.pform-ie-lt-8.css- Use this to support Internet Explorer 6 and 7.pform-ie-lt-6.css- Use this to support Internet Explorer 5.01 and 5.5.
So here's how you'd include them all:
Notice the conditional comments to serve older versions of IE the right files. If you have to support older versions of IE, PForm can do it.
Now you can use PForm like this:
Here's the same form, built with a fieldset:
Features
Layouts
PForm has two different layout options, Inline (default) and Block. To use block layout for an entire form, add the pf-layout-block class to the pf-form element. To use block layout for an individual element, add the pf-layout-block class to a pf-element element.
Headings
Required Asterisk
You can also mark the element as completed (with JavaScript validation) by adding the pf-completed class, like so:
The best place I've found to put these is right after a label's text, like this:
You can put the pf-completed class on the pf-element element instead, to mark any required asterisks in that element as completed.
Field Groups
Sometimes you will need to group fields so they don't fall left below the label. You can do this by wrapping them in a pf-group element:
Remember that you can use the pf-group class on a span instead. This lets you put a group inside a label element and have it validate.
Fieldset Groups
Fieldset groups must use the pf-group class:
Label Alignment
Labels can be aligned left (default) or right. To align them, use the pf-labels-left and pf-labels-right classes. You can put these classes on a pf-form element, pf-group fieldset, pf-element element, or pf-label element. You can override an ancestor's alignment class too.
Full Width Elements
Elements can be extended to the form's width using the pf-full-width class:
Verification Forms
You can apply a form like layout to verification pages by simply providing no inputs:
