Versions Compared

Old Version 31

changes.mady.by.user Johan Wendelstam

Saved on

compared with

New Version 32

changes.mady.by.user Johan Wendelstam

Saved on

Key

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

...

Info
The default theme can be downloaded inside Meridix Studio (at the bottom of Administration->Settings->Theme Settings) and be used as a template. (download and unzip to a local folder and make your changes).
All the folders below should be on the root level of a Theme package.
  • config
  • css
  • images
    • favicon_default.ico
    • flag_eng.png
    • flag_swe.png
    • icon_{description}_{size}.png (multiple)
    • ....
    • load_animation_{description}.gif (multiple)
    • ....
  • scripts
  • telerik
    • common
      • grid
    • css
      • Calendar.Metro.css
      • ComboBox.Metro.css
      • Grid.Metro.css
      • Input.Metro.css
      • Menu.Metro.css
      • TabStrip.Metro.css
      • TreeView.Metro.css
    • metro
      • Calendar
        • sprite.gif
      • ComboBox
        • rcbSprite.png
      • Grid
        • AddRecord.gif
        • Cancel.gif
        • Delete.gif
        • Edit.gif
        • export.gif
        • Filter.gif
        • loading_small.gif
        • MoveDown.gif
        • MoveUp.gif
        • PagingFirst.gif
        • PagingLast.gif
        • PagingNext.gif
        • PagingPrev.gif
        • Refresh.gif
        • rgDrag.gif
        • SingeMinus.gif
        • SinglePlus.gif
        • SortAsc.gif
        • SortDesc.gif
        • sprite.gif
        • Update.gif
      • Input
        • sprite.gif
      • Menu
        • rmExpandArrows.png
      • TabStrip
        • TabStripStates.png
      • TreeView
        • LoadingIcon.gif
        • PlusMinus.png
        • TriState.png

...

The CSS files in the default theme package (that can be downloaded) includes comments that describes the rules. But you will probably also need to inspect a live installation with e.g. Firebug or Chrome developer tools to get a complete understanding of the theme resource usages.

All pages in the system contains a script refence to Jquery and Jquery UI.

config/
Anchor
config
config

...

This .ico image is used as a favicon in the browsers that support favicons.

scripts/
Anchor
scripts
scripts

This folder contains script files used by the theme.

login_page.js
Anchor
login_page.js
login_page.js

This javascript file is included on the login page and can be used to customize the DOM with e.g. JQuery.

telerik/

Meridix Studio uses several Telerik controls from their ASP.Net AJAX suite. These controls can be customzied with CSS files. The systemes used a modified version of a Telerik theme called Metro.
Not all resources in this folder is used at the current version. 

telerik/common/grid/

Contains resources used by the report shreadsheet grid.

telerik/css/

This folder contains CSS files that control the apperance of serveral UI components e.g. the menu. Each CSS file is named ControlType.Metro.css. So if you want to change the apperance of the menu you should edit the file Menu.Metro.css