UIOptions Endgame

Cheetham, Anastasia acheetham at ocad.ca
Mon Jul 25 18:45:46 UTC 2011


On 2011-07-22, at 5:01 PM, Cheetham, Anastasia wrote:

> I've been writing customizations of UI Options for the documentation, so I'll comment on my experiences.

One more use case to consider adding to the list of "please make this customization easier":

    A custom Preview template that is themed with its own FSS-based theme.

At the request of James and Justin, I'm updating the "Some Kind Of News" page to also afford access to the two Full Page versions of UI Options (in addition to Fat Panel). For the Full Page With Preview version, I thought it would make sense to create a custom preview that looks like the main page. The main page is styled using an FSS-based theme, so naturally, the preview is also styled using that theme.

When a page is styled with a theme, you have to tell the Enhancer the theme name, so it can effectively switch back-and-forth to another theme, like High Contrast. In order to tell the preview's enhancer what the default theme is, here's the options structure I have to pass to fluid.fullPreviewUIOptions():

components: {
   uiOptionsLoader: {
       options: {
           components: {
               uiOptions: {
                   options: {
                       components: {
                           preview: {
                               options: {
                                    components: {
                                        enhancer: {
                                            options: {
                                               classnameMap: {
                                                    theme: {
                                                        "default": "skon-theme-basic"
                                                    }
                                                }
                                            }
                                            ...

-- 
Anastasia Cheetham     Inclusive Design Research Centre
acheetham at ocad.ca            Inclusive Design Institute
                                        OCAD University



More information about the fluid-work mailing list