A collection of UIKit components that can be used as a Wagtail StreamField block.

Last update: Dec 15, 2022

Related tags

Miscellaneous wagtail-uikitblocks

Overview

Wagtail UIKit Blocks

A collection of UIKit components that can be used as a Wagtail StreamField block.

Available UIKit components

Container
Grid
Heading
Image
Slideshow
Slider
Lightbox
Modal Popup
Switcher
Banner
Button
Link

Some components also have alignment, margin, padding, and animation properties as well.

Quick start

Install from PyPI
```
pip install wagtail-uikitblocks
```

Add "uikitblocks" to your INSTALLED_APPS

INSTALLED_APPS = [
    ...
    'uikitblocks',
]

In your models.py, import the uikitblocks module
```
from uikitblocks import blocks
```
The root component - which contains all the available components, is a grid (uk-grid) component, which can be used as a StreamField.
```
grid = StreamField(
      [("UIKit", blocks.UIKitGrid())], blank=True, null=True
  )
```
Instead of adding the whole grid component, you can also add individual UIKit components to your model class as well. An example is given below.
```
  heading = StreamField(
  [("heading", blocks.HeadingBlock())], blank=True, null=True
  )
```
Run python manage.py migrate to migrate the model changes.
The UIKit library must be imported in order to display the changes. You can either do it manually (For more info, please see the UIKit's official documentation here) or you can load the production ready files via the template tag.

Add the following in the base template.
```
{% load uikit_assets %}
```
Before closing the head tag, load css and js files by adding the following template tags.
```
{% uikit_css %}
{% uikit_js %}
```
Optional configuration

The number of children appear inside a grid can be altered.

For example, if you want to display 4 children in extra large (above 1600px) screens, 3 children in large (above 1200px) screens, and 2 children in medium (above 960px) screens, add the following lines in your settings module. Please note that only 1-6 are valid by default.
```
UIKIT_GRID_CHILDREN_COUNT_EXTRA_LARGE = 4
UIKIT_GRID_CHILDREN_COUNT_LARGE = 3
UIKIT_GRID_CHILDREN_COUNT_MEDIUM = 2
```
Demo

Ikaros is a free financial library built in pure python that can be used to get information for single stocks, generate signals and build prortfolios

64 Sep 28, 2022

Information about a signed UEFI Shell that can be used when Secure Boot is enabled.

SignedUEFIShell During our research of the BootHole vulnerability last year, we tried to find as many signed bootloaders as we could. We searched all

61 Jan 3, 2023

vFuzzer is a tool developed for fuzzing buffer overflows, For now, It can be used for fuzzing plain vanilla stack based buffer overflows

vFuzzer vFuzzer is a tool developed for fuzzing buffer overflows, For now, It can be used for fuzzing plain vanilla stack based buffer overflows, The

5 Nov 12, 2022

Identifies the faulty wafer before it can be used for the fabrication of integrated circuits and, in photovoltaics, to manufacture solar cells.

Identifies the faulty wafer before it can be used for the fabrication of integrated circuits and, in photovoltaics, to manufacture solar cells. The project retrains itself after every prediction, making it more robust and generalized over time.

2 Jul 1, 2022

This repo will have a small amount of Chrome tools that can be used for DFIR, Hacking, Deception, whatever your heart desires.

Chrome-Tools Overview Welcome to the repo. This repo will have a small amount of Chrome tools that can be used for DFIR, Hacking, Deception, whatever

5 Jun 8, 2022

Frappe app for authentication, can be used with FrappeVue-AdminLTE

Frappeauth App Frappe app for authentication, can be used with FrappeVue-AdminLTE

9 Apr 13, 2022

Modeval (or Modular Eval) is a modular and secure string evaluation library that can be used to create custom parsers or interpreters.

modeval Modeval (or Modular Eval) is a modular and secure string evaluation library that can be used to create custom parsers or interpreters. Basic U

2 Jan 1, 2022

Trackthis - This library can be used to track USPS and UPS shipments.

Trackthis - This library can be used to track USPS and UPS shipments. It has the option of returning the raw API response, or optionally, it can be used to standardize the USPS and UPS responses so they are easier to work with.

0 Mar 29, 2022

Wrapper for the undocumented CodinGame API. Can be used both synchronously and asynchronlously.

codingame API wrapper Pythonic wrapper for the undocumented CodinGame API. Installation Python 3.6 or higher is required. Install codingame with pip:

19 Jun 20, 2022

Comments

Some suggestions
Hi. Ilike the work you are doing on this repo and would like to suggest the following:

I would like to be added as a maintainer of this project to ensure the longevity of the project.

I would suggest you consider adding this project to the list of wagtail packages for more visibility.

I would like to take this project a notch higher with some new blocks and extras.

Thanks.
opened by Whizfactor 1

Releases(0.0.4)

0.0.4(Dec 8, 2022)
UIKit version bump (3.15.0)

Added a new UIKit component - Accordion

Source code(tar.gz)
Source code(zip)
0.0.3(Apr 23, 2022)
Added a Django app for unit testing

Updated UIKit version to 3.12.0

Source code(tar.gz)
Source code(zip)
0.0.2(Jan 12, 2022)

Updated the UIKit version to the latest (3.10.0)
Source code(tar.gz)
Source code(zip)
0.0.1(Jan 12, 2022)

Source code(tar.gz)
Source code(zip)

A collection of UIKit components that can be used as a Wagtail StreamField block.

Related tags

Overview

Wagtail UIKit Blocks

Available UIKit components

Quick start

Optional configuration

Demo

You might also like...

Ikaros is a free financial library built in pure python that can be used to get information for single stocks, generate signals and build prortfolios

Information about a signed UEFI Shell that can be used when Secure Boot is enabled.

vFuzzer is a tool developed for fuzzing buffer overflows, For now, It can be used for fuzzing plain vanilla stack based buffer overflows

Identifies the faulty wafer before it can be used for the fabrication of integrated circuits and, in photovoltaics, to manufacture solar cells.

This repo will have a small amount of Chrome tools that can be used for DFIR, Hacking, Deception, whatever your heart desires.

Frappe app for authentication, can be used with FrappeVue-AdminLTE

Modeval (or Modular Eval) is a modular and secure string evaluation library that can be used to create custom parsers or interpreters.

Trackthis - This library can be used to track USPS and UPS shipments.

Wrapper for the undocumented CodinGame API. Can be used both synchronously and asynchronlously.

Comments

Some suggestions

Releases(0.0.4)

0.0.4(Dec 8, 2022)

0.0.3(Apr 23, 2022)

0.0.2(Jan 12, 2022)

0.0.1(Jan 12, 2022)

Owner

Krishna Prasad K

A chain of stores wants a 3-month demand forecast for its 10 different stores and 50 different products.

Moji sends text and fun facts from different APIs wit da use of a notification deamon

A Guide for Feature Engineering and Feature Selection, with implementations and examples in Python.

The FLARE team's open-source library to disassemble Common Intermediate Language (CIL) instructions.

A command-line utility that creates projects from cookiecutters (project templates), e.g. Python package projects, VueJS projects.

A simple desktop application to scan and export Genshin Impact Artifacts.

Thumbor-bootcamp - learning and contribution experience with ❤️ and 🤗 from the thumbor team

All Assignments , Test , Quizzes and Exams with solutions from NIT Patna B.Tech CSE 5th Semester.

Neogex is a human readable parser standard, being implemented in Python

A data driven app for bicycle hiring in London(UK)

Mute your mic while you're typing. An app for Ubuntu.

A data engineering project with Kafka, Spark Streaming, dbt, Docker, Airflow, Terraform, GCP and much more!

The Official interpreter for the Pix programming language.

Build a grocery store management application.

It's just a simple script to add all contest from site to your Google Calendar and make two reminder for them one before the contest one day, and another before half an hour, the event on Google Calendar have the registration link of the contest.

Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

A tool to quickly create codeforces contest directories with templates.

HSPyLib is a Python library that will elevate your experience to another level.

A Python tool to check ASS subtitles for common mistakes and errors.

A step-by-step tutorial for how to work with some of the most basic features of Nav2 using a Jupyter Notebook in a warehouse environment to create a basic application.