Brian Teeman brianteeman

Using Bootstrap in Joomla 4

Joomla 4 introduces a modular approach for interactive components

What is a modular approach?
The functionality is broken down into individual components, files. There is no one file approach as it was with Bootstrap in Joomla 3. This was done for efficiency and performance gains (send only the code that is needed instead of delivering everything in case some page will need so component).

How to deal with Interactive components

Load what you need per case! There are helper functions that will help you achieve this and, it is dead easy just call the function with the appropriate arguments.

For accessibility we need to add a caption to every table in the admin

For example

Articles

	<caption>Articles</caption>
		<thead>
		etc etc

But we also need to get the current sort setting and possibly filters (if set)

https://www.w3.org/TR/WCAG21/#understandable

Information and the operation of user interface must be understandable.

Guideline 3.1 Readable

Make text content readable and understandable.

Word choice: use the simplest word that conveys your meaning. [1] Prefer the short word to the long. [2]

TEXT IN CAPS WILL BE LOCALISED

<nav role="navigation" aria-label="PAGENAVIGATION">
	<ul class="pagination-list">
		<li class="disabled">
			<a>
				<span class="icon-first" aria-hidden="true"></span>
			</a>

... when it's a modal

Field Types

1. media

provides modal access to the media manager for insertion of images with upload for users with appropriate permissions.

2. file

Provides an input field for files

3. filelist

provides a drop down list of files from a specified directory.

Keybase proof

I hereby claim:

I am brianteeman on github.
I am brianteeman (https://keybase.io/brianteeman) on keybase.
I have a public key ASA6gKZCJ613rghmPKnKGeiE7rR6fYi-CZtiR9iebhmebAo

To claim this, I am signing this object:

	import argparse
	import getpass
	import sys

	import mysql.connector


	class AssetsFixer:

	cols = ["id", "parent_id", "level", "lft", "rgt"]

	<?php
	/**
	* @package Joomla.Cli
	* @copyright Copyright (C) 2005 - 2019 Open Source Matters, Inc. All rights reserved.
	* @license GNU General Public License version 2 or later; see LICENSE.txt
	*
	* CLI script to unpublish classes from samuel taylor web site
	* Put this script in the /cli folder
	* Execute by php <path_to_your_joomla_root>/cli/coursesexpired.php
	*/

	Tested the latest version in mono-lingual web site

	Created a category and a menu item to display that category

	Created an article and saved in the category above

	Created a shared draft link

	http://localhost/github/index.php?option=com_content&view=article&id=4&token=pRdVFqPy8YqDMF6SBsXg1wjrRKR7B4hF

	<?php
	/**
	* @package Joomla.Site
	* @subpackage Templates.protostar
	*
	* @copyright Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
	* @license GNU General Public License version 2 or later; see LICENSE.txt
	*/

	defined('_JEXEC') or die;