Hi, Dan.

Just to let you know. 

We are adapting this week our UI to a Bootstrap theme. It's being really easy 
by using LESS [1], as it allows to "mix" distinct CSS styles.

In that way, we can have a predefined CSS style for our UI components (i.e., 
.wm_gesconsultor .wmbutton), and, on a styles.less file, define it as an 
"extension" to the ".btn.blue" class defined on a styles.css file.

As an example:

@import "style-metro.less";
@import "bootstrap.less"; 
@import "style.less"; 


.wm_gesconsultor .wmbutton {
    &:extend(.btn.blue all);
    border: 0px solid !important;    
}

.wm_gesconsultor .dijitButtonNode {
    &:extend(.btn.blue all);

    border: 0px solid !important;
    margin: 4px;
    padding: 0px;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 72px;
    height: 24px;
    line-height: normal;    
}


On this way, for changing the theme, only the .less file must be upgraded, to 
"map" the "isis-button", etc. to the new "css" defined on the style that the 
user wants to.

HTH,

Oscar


[1] http://lesscss.org/


El 17/09/2013, a las 22:55, "Dan Haywood (JIRA)" <[email protected]> escribió:

> Dan Haywood created ISIS-537:
> --------------------------------
> 
>             Summary: Convert Wicket viewer to use Bootstrap, so that it can 
> be themed.
>                 Key: ISIS-537
>                 URL: https://issues.apache.org/jira/browse/ISIS-537
>             Project: Isis
>          Issue Type: New Feature
>          Components: Viewer: Wicket
>    Affects Versions: viewer-wicket-1.2.0
>            Reporter: Dan Haywood
>            Assignee: Dan Haywood
>             Fix For: viewer-wicket-1.4.0
> 
> 
> Using https://github.com/l0rdn1kk0n/wicket-bootstrap as the wicket/bootstrap 
> integration.
> 
> --
> This message is automatically generated by JIRA.
> If you think it was sent incorrectly, please contact your JIRA administrators
> For more information on JIRA, see: http://www.atlassian.com/software/jira

Reply via email to