Page History

Sv translation

language	en

It is possible to use custom CSS just for a specific user role. The <body> element contains names of the user roles or noRoles. E.g.:

<body class=" noRoles">
<body class=" role_ADMIN role_DATA_MANAGER role_REPORT_EDITOR">

It is then possible to use the CSS to hide or change particular HTML elements according to the user role.

Examples

Hiding the Folders Menu for Users with no Role

Code Block

language	css

.noRoles ul#mainMenu li:first-child 
{
    display: none;
}

Different Top Bar Color for Each Role

Code Block

language	css

.noRoles .topbar {
      background: #ff6961 none repeat scroll 0% 0%;
}
.role_REPORT_EDITOR .topbar {
      background: #78bbbb none repeat scroll 0% 0%;
}
.role_DATA_MANAGER .topbar {
      background: #77dd77 none repeat scroll 0% 0%;
}

Result:

Sv translation

language	ja

特定のユーザロールのカスタムCSSを使用可能です。<body>要素には、ユーザーロールまたはnoRoleの名前が含まれます。例：

<body class=" noRoles">
<body class=" role_ADMIN role_DATA_MANAGER role_REPORT_EDITOR">

CSSを使用して、ユーザーの役割に応じて特定のHTML要素を非表示または変更できます。

例

役割がないユーザーにフォルダメニューを非表示にする

Code Block

language	css

.noRoles ul#mainMenu li:first-child 
{
    display: none;
}

役割ごとに異なるトップバーの色

Code Block

language	css

.noRoles .topbar {
      background: #ff6961 none repeat scroll 0% 0%;
}
.role_REPORT_EDITOR .topbar {
      background: #78bbbb none repeat scroll 0% 0%;
}
.role_DATA_MANAGER .topbar {
      background: #77dd77 none repeat scroll 0% 0%;
}

Page tree

Versions Compared

Old Version 5

New Version Current

Key

Examples

Hiding the Folders Menu for Users with no Role

Different Top Bar Color for Each Role

Result:

例

役割がないユーザーにフォルダメニューを非表示にする

役割ごとに異なるトップバーの色

結果: