Download the PHP package tobento/css-modal without Composer

On this page you can find all versions of the php package tobento/css-modal. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

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 PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • 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.
Please rate this library. Is it a good library?

Example code of tobento/css-modal

Informations about the package css-modal

CSS Modals

The modals.css provides a classic modal, in which you can include any content you want. In addition, the modals.js provides logic to open and close modals.

Table of Contents

Getting started

Browser support

Modern browser only.

Import Files

Documentation

You may visit the docs.tobento.ch/css-modal page for documentation with demo.

Css

Basic Usage

The basic modal structure is:

The minimal modal structure is:

To activate the modal, just add the class on the container. The provided modal.js file implements the logic to open, close and animate the modals.

Sizing

By default, the modal has full width size. You may apply one of the following sizes:

You may combine the following sizes:

If you are using the basis.css - Sizing you may use it too.

Positions

By default, the modal is horizontal and vertical centered. You may combine the horizontal and vertical classes.

Modal Horizontal Alignment:

Modal Vertical Alignment:

Example bottom right aligned:

Example top centered aligned:

Animations

Available Animations:

Example:

Javascript

Register

The Html markup for registering a modal is:

You may add the class to any tag for closing the modal:

Options:

Option Value Description
, default Disables scroll, keeping scrollbar hidden.
Disables scroll, keeping scrollbar visible.
Without disable scroll.
, default The trigger classes to close the modal.

Methods

You may import the modals module and use its methods:

Events

Event Description
This event is fired before the modal is opened.
This event is fired after the modal is opened.
This event is fired before the modal is closed.
This event is fired after the modal is closed.

Credits

All versions of css-modal with dependencies

PHP Build Version
Package Version
No informations.
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package tobento/css-modal contains the following files

Loading the files please wait ....