UIOptions Endgame

Antranig Basman antranig.basman at colorado.edu
Mon Jul 25 23:00:55 UTC 2011


Thanks Anastasia - configuring the classnameMap was one of the key benchmark requirements we decided on last 
week, so I'm glad that your experience confirms that this capability is highly practically relevant :)

Cheers,
Antranig.

On 25/07/2011 12:45, Cheetham, Anastasia wrote:
>
> 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"
>                                                      }
>                                                  }
>                                              }
>                                              ...
>



More information about the fluid-work mailing list