Skip to content

Commit

Permalink
deploy: 09f346a
Browse files Browse the repository at this point in the history
  • Loading branch information
thet committed Oct 7, 2023
1 parent 1a41e4b commit 1d91b37
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions README/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -361,7 +361,7 @@ <h2>Mockup overview</h2>
<p>Mockup is a JavaScrip UI library which provides widgets, apps and functionality for the Plone Classic UI variant.
It is based on Patternslib(XXX) and provides it's functionality through so-called Patterns which are initialized and get active if a triggering CSS selector is found in the DOM tree.
For example, the related items widget is initialized on a form input field with the CSS class <code>pat-relateditems</code>.
The configuration is done via data attributes, in case of <code>pat-relateditems</code> it's an attribute called <code>data-pat-relateditems</code>.
The configuration is done via data attributes, in case of the related items pattern it's an attribute called <code>data-pat-relateditems</code>.
The data strucutre of the configuration can be a JSON string or CSS declaration like key-value pairs separated by a semicolon.
Defining a JSON structure is more flexible though.</p>
<p>Here are two examples.</p>
Expand All @@ -372,7 +372,7 @@ <h2>Mockup overview</h2>
<p>Because of historic reasons the Mockup Pattern attributes are written in &quot;camelCase&quot; like the <code>vocabularyUrl</code>.
But in order to resemble the CSS syntax new Patterns should rather separate each word with a dash, like <code>vocabulary-url</code>.</p>
<h2>Mockup Patterns</h2>
<p>{doc}[pat-autotoc]<code>src/pat/autotoc/README.md</code>: Automatically create a table of contents.
<p>{doc}<code>src/pat/autotoc/README.md</code>: Automatically create a table of contents.
[pat-cookietrigger]<code>src/pat/cookietrigger/README.md</code>: Show a DOM element if browser cookies are disabled.
[pat-datatables]<code>src/pat/datatables/README.md</code>: This pattern provides the functionality from https://datatables.net/
[pat-formautofocus]<code>src/pat/formautofocus/README.md</code>: Automatically set the focus on a form input field.
Expand Down

0 comments on commit 1d91b37

Please sign in to comment.