Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Ace editor
  • select and multiselect combo boxes for bootstrap

Quick customization tips

AdminLTE skins

Template contains 12 predefined skins:

...

Code Block
languagexml
linenumberstrue
<body class="skin-blue-light">

To change template header color and logo you have to edit file midpoint-theme.less which is located in module in admin-gui/src/main/webapp/less/midpoint-theme.less. You can also change it in war if you prefer to customize GA release.

Code Block
languagecss
linenumberstrue
.skin-blue-light .main-header {
  & .logo {
    //background-color: red;	//this will change color under logo image

    & > span {
      height: 100%;
      width: 100%;
      display: inline-block;
      background: url("../img/midpoint_logo_white_180.png") no-repeat 10px 3px;	//here you can put logo of your company
    }
  }

  & nav.navbar.navbar-static-top {
    //background-color: red;	//this will change color of navigation bar on top of page
  }
}

Stylesheet files description

todo

Javascript files description

todo