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.2.tar.gz
(2.9 kB
view hashes)