Download the PHP package peterstollenwerk/auf-grid without Composer
On this page you can find all versions of the php package peterstollenwerk/auf-grid. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
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 auf-grid
auf-grid
Installation
CSS Setup
- Login to your panel, open the »grid«-panel and hit the »generate CSS«-Button at the bottom.
- Include the generated grid styles in the head of your document:
Important!
After you changed any grid setting, you have to generate CSS in the grid-panel again!
-
Copy the test images from folder to your sites assets folder:
- Go to our test page and check if everyting is working. It should look like this Complete Test Page Screenshot:
-
Add the hash '#grid' to any page url and you get a grid overlay to check your settings
- Please read the auf-grid.css for all available classes which you can use in your components.
Grid Column Presets Site Setup
If you want to create custom column presets you can do so.
-
Implement our grid_settings section somewhere in your site.yml:
- Add some meaningfull presets.
Add »grid__column--full« to the presets, if you want use the full page width. This preset will be handled a little differently for you.
- Important: (Re-)Generate the grid CSS in the grid-panel to create the new preset css classes!!!!
Setup Grid Fields
Setup your component blueprint (i.e. builder-block) with the grid-fields found in blueprints/fieldgroup/grid_component_settings.yml
Use the Grid in your snippets
If you use grid_column_presets in your site configuration, you can pass the structure field as an argument:
Test the grid
The plugin sets up a custom route with a virtual testpage at:
Grid--Overlay
To check if everything is in perfect grid-condition you can show a little grid-overlay by adding the hash '#grid' behind your url.
For this to work, you need to include the grid-overlay-snippet before the body-tag.
Todos
-
[X]
The grid.css should be created as a file for caching and not beeing-recreated for every page request. Perhaps this is a good[2020-07-12] -
[X]
Clean up test page[2020-07-12] -
[X]
Create Nice Create-Grid-Panel-View[2020-07-12] -
[X]
Create Image test page[2020-07-12] -
[X]
Create Grid Overlay Snippet[2020-07-12] -
[X]
Implement Inline Grid Classes[2020-07-14] -
[X]
Implement justify and align classes[2020-07-14] - [X]
grid_start/end_column_classes should be created dynamically in a custom field[2020-07-15]
