Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You could dynamically build an inline style sheet in the head of the html page fed to the users. Put in the head of the page and allow it to target those elements configurable by the user.</p> <p>Alternatively, there's the notion of using external stylesheets that feature the most common adjustments, but there'd be hundreds of them to account for every possible alternative. If you use this you'd need an external style sheet for a specific font size, colour and so on, and dynamically link to those in the header. As with any external stylesheet. Though this is almost unbearably complex to enable.</p> <p>Option one would work okay though.</p> <p>As an example:</p> <pre><code>&lt;STYLE&gt; h1,h2,h3,h4 {font-family: Helvetica, Calibri;} p {font-size: 1.2em; // Populate all this with values from the Db. font-weight: bold; } a {text-decoration: underline; color: #f00; } &lt;/STYLE&gt; </code></pre> <p>Also, it just occurred to me that you could probably create a per-user stylesheet to apply the configurable aspects. Use</p> <pre><code>&lt;link href="/css/defaultstylesheet.css" type="text/css" rel="stylesheet" media="all" /&gt; &lt;link href="/css/user1245configured.css" type="text/css" rel="stylesheet" media="all" /&gt; &lt;!-- clearly the second is a stylesheet created for 'user 1245'. --&gt; </code></pre> <p>The bonus of this approach is that it allows caching of the stylesheet by the browser. Though it might likely clutter up the css folder, unless you have specific user-paths to the user sheet? Wow, this could get complex... :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload