Django manageable Bootstrap Tooltips
Project description
django-tooltips
===============
Manageable bootstrap tooltips
Requirements
============
- Django (duh)
- Bootstrap
- Jquery
Installation
============
Install the app via pip:
::
$ pip install django-tooltips
Add ``tooltips`` to your installated apps:
.. code:: python
INSTALLED_APPS = (
...
'tooltips',
...
Add the processor to your ``TEMPLATE_CONTEXT_PROCESSORS``:
.. code:: python
TEMPLATE_CONTEXT_PROCESSORS = (
...
'tooltips.processors.tooltips',
)
Include this in your templates (eg, ``base.html``):
{% include "tooltips/tooltips.html" %}
And run the migrations:
::
$ manage.py migrate tooltips
Now, whenever you add a tooltip via the admin, it will appear on your
pages just after the element you provided via the javascript selector:
Preview
=======
Clientside:
.. figure:: https://raw.github.com/svdgraaf/django-tooltips/master/preview.png
:alt: adming
adming
Admin:
.. figure:: https://raw.github.com/svdgraaf/django-tooltips/master/admin.png
:alt: adming
adming
Caveats
=======
As the selectors are plain javascript selectors, you can use all the
magic you want. But don't use very wide selectors like ``div`` or
``div:contains("")``, those will probably bring your browser to a
standstil :) YMMV
===============
Manageable bootstrap tooltips
Requirements
============
- Django (duh)
- Bootstrap
- Jquery
Installation
============
Install the app via pip:
::
$ pip install django-tooltips
Add ``tooltips`` to your installated apps:
.. code:: python
INSTALLED_APPS = (
...
'tooltips',
...
Add the processor to your ``TEMPLATE_CONTEXT_PROCESSORS``:
.. code:: python
TEMPLATE_CONTEXT_PROCESSORS = (
...
'tooltips.processors.tooltips',
)
Include this in your templates (eg, ``base.html``):
{% include "tooltips/tooltips.html" %}
And run the migrations:
::
$ manage.py migrate tooltips
Now, whenever you add a tooltip via the admin, it will appear on your
pages just after the element you provided via the javascript selector:
Preview
=======
Clientside:
.. figure:: https://raw.github.com/svdgraaf/django-tooltips/master/preview.png
:alt: adming
adming
Admin:
.. figure:: https://raw.github.com/svdgraaf/django-tooltips/master/admin.png
:alt: adming
adming
Caveats
=======
As the selectors are plain javascript selectors, you can use all the
magic you want. But don't use very wide selectors like ``div`` or
``div:contains("")``, those will probably bring your browser to a
standstil :) YMMV
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
django-tooltips-1.1.5.tar.gz
(3.2 kB
view details)
File details
Details for the file django-tooltips-1.1.5.tar.gz
.
File metadata
- Download URL: django-tooltips-1.1.5.tar.gz
- Upload date:
- Size: 3.2 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | c37d1c23d3fdbe8d1e6c4301fd3e6495d04fc8d4388840ce08c114245d0770c5 |
|
MD5 | fbf59d04d539e9013c6f0a9ebd81132d |
|
BLAKE2b-256 | f2a8f98fb7b2df6ac5720c1d7d6ddc6d3fccac9392d2e617c0b14f6c39a2300d |