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.

brianteeman

import argparse
import getpass
import sys

import mysql.connector


class AssetsFixer:

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

brianteeman

<?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
*/

brianteeman

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)

brianteeman

... 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.

brianteeman

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]

brianteeman

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>
 

brianteeman

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:

brianteeman

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

brianteeman

<?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;