├── README.md └── customizes ├── 01951140 ├── customize.md └── image@2x.png ├── 04026502 ├── banner@2x.png └── customize.md ├── 0798899d └── customize.md ├── 0b123b84 ├── customize.md ├── gantt-remove-tracker-name-after@2x.png └── gantt-remove-tracker-name-before@2x.png ├── 0d25011e ├── customize.md └── image@2x.png ├── 0f3bccf7 ├── after.png ├── before.png └── customize.md ├── 1201d1e4 ├── after@2x.png ├── before@2x.png └── customize.md ├── 13c2b2e2 └── customize.md ├── 14284ae1 ├── after@2x.png ├── before@2x.png └── customize.md ├── 14f8c37a └── customize.md ├── 184bf7f6 └── customize.md ├── 1b38e16b ├── customize.md └── new-issue.png ├── 1f5a39bc ├── after@2x.png ├── before@2x.png └── customize.md ├── 1f7acfab ├── after@2x.png ├── before@2x.png ├── bleuclair@2x.jpeg └── customize.md ├── 22dad0f4 ├── customize.md ├── hide-mail-notification-box-after@2x.png └── hide-mail-notification-box-before@2x.png ├── 25c168d1 ├── custom-field-after@2x.png ├── custom-field-before@2x.png └── customize.md ├── 27afbc24 ├── after@2x.png ├── before@2x.png ├── context-menu-after@2x.png ├── context-menu-before@2x.png └── customize.md ├── 3a39c3e5 ├── assign-to-me-after@2x.png ├── assign-to-me-before@2x.png └── customize.md ├── 3f0a014e ├── customize.md ├── watchers_inputs-disabled@2x.png └── watchers_inputs-enabled@2x.png ├── 429ae96e ├── customize.md ├── sidebar-after@2x.png └── sidebar-before@2x.png ├── 473c1aaf ├── customize.md ├── gantt-after.png └── gantt-before.png ├── 4a061412 ├── after.png ├── before.png └── customize.md ├── 4a3d6294 ├── customize.md └── issues_after@2x.png ├── 4eac4649 ├── after@2x.png ├── before@2x.png └── customize.md ├── 52ff2644 ├── after@2x.png └── customize.md ├── 5be64089 ├── change-header-color-after@2x.png ├── change-header-color-before@2x.png └── customize.md ├── 5efbb0c1 ├── customize.md ├── user-name-nowrap-after@2x.png └── user-name-nowrap-before@2x.png ├── 68c4adc1 ├── after@2x.png └── customize.md ├── 7226f2fe ├── customize.md └── image.png ├── 7f0d0fa2 ├── customize.md ├── date-after.png └── date-before.png ├── 83065c7c └── customize.md ├── 85cfc016 ├── customize.md ├── issue-due-date-after@2x.png └── issue-due-date-before@2x.png ├── 894e7a80 ├── customize.md └── guidance-sample@2x.png ├── 8bc09b09 ├── after@2x.png ├── before@2x.png └── customize.md ├── 8fbd742a ├── customize.md └── projects_after@2x.png ├── a0dc300b ├── customize.md └── image@2x.png ├── a0eefde8 └── customize.md ├── a69779da ├── after@2x.png ├── before@2x.png └── customize.md ├── b36e52d2 ├── customize.md ├── overview_after@2x.png └── overview_before@2x.png ├── c615d345 ├── assigned-to-after@2x.png ├── assigned-to-before@2x.png └── customize.md ├── d21c4380 └── customize.md ├── de33ffd8 ├── customize.md ├── disable-menu-after@2x.png └── disable-menu-before@2x.png ├── eaa837fe ├── after@2x.png ├── before@2x.png └── customize.md ├── f391b553 ├── customize.md └── image@2x.png ├── f6b5901b ├── after@2x.png ├── before@2x.png ├── customize.md ├── new-after@2x.png └── new-before@2x.png ├── f8be8ed3 ├── assigned-to-after@2x.png ├── assigned-to-before@2x.png └── customize.md └── fb591668 ├── customize.md └── login@2x.png /README.md: -------------------------------------------------------------------------------- 1 | # View customizeプラグインによるRedmineカスタマイズ集 2 | 3 | View customizeプラグインは、Redmineの画面を手軽にカスタマイズできるプラグインです。特定の画面にCSSとJavaScriptを追加できます。 4 | 本資料はView customizeプラグインを活用したRedmineのカスタマイズ事例と設定内容を紹介しています。 5 | 6 | * View customizeプラグインのダウンロード: https://github.com/onozaty/redmine-view-customize 7 | * View customizeプラグイン 紹介資料: https://www.slideshare.net/onozaty/view-customize-plugin-for-redmine-2019 8 | 9 | ※ 紹介している設定は無保証です。また、Redmineのバージョンやブラウザなど利用環境によっては期待通りに動作しない場合があります。ご自身の責任において利用してください。 10 | 11 | ## カスタマイズ事例集 12 | 13 | ### 「プロジェクト」画面 14 | 15 | * [プロジェクト画面の段組みを解除して1段で表示する](customizes/f6b5901b/customize.md) 16 | * [「プロジェクト」画面から「ガントチャート」「カレンダー」などのメニューを非表示にする](customizes/de33ffd8/customize.md) 17 | * [カスタムクエリが反映されたプロジェクト一覧画面を表示する](customizes/8fbd742a/customize.md) 18 | * [プロジェクト一覧画面でプロジェクト名をクリックした際に、チケット一覧画面をデフォルトで表示する](customizes/13c2b2e2/customize.md) 19 | 20 | ### 「プロジェクト」の概要画面 21 | 22 | * [プロジェクトの概要画面でメンバーを非表示にする](customizes/b36e52d2/customize.md) 23 | * [プロジェクトの概要画面で説明を横幅いっぱいに表示する](customizes/eaa837fe/customize.md) 24 | 25 | ### 「チケット」画面 26 | 27 | * [チケット一覧で作成者・担当者・最終更新者の名前が折り返されないようにする](customizes/5efbb0c1/customize.md) 28 | * [カスタムクエリが反映されたチケット一覧画面を表示する](customizes/4a3d6294/customize.md) 29 | * [チケット一覧で完了しているチケットの番号に取り消し線を表示する](customizes/a0dc300b/customize.md) 30 | * [チケット一覧で長いテキストのカスタフィールドの値を省略して表示する](customizes/14284ae1/customize.md) 31 | * [チケット一覧で優先度によってチケットの背景色を変更する](customizes/1f7acfab/customize.md) 32 | * [チケット一覧で期日が過ぎたチケットの背景色を変更する](customizes/1201d1e4/customize.md) 33 | * [チケット一覧で見切れる「長いテキスト」形式カスタムフィールドの値を改行して表示する](customizes/1f5a39bc/customize.md) 34 | * [チケット一覧で題名の表示幅を変更する](customizes/184bf7f6/customize.md) 35 | 36 | 37 | 184bf7f6 38 | 39 | 40 | ### 「個人設定」画面 41 | 42 | * [「個人設定」画面内の「メール通知」を非表示にする](customizes/22dad0f4/customize.md) 43 | 44 | ### チケットの作成・編集・表示画面 45 | 46 | * [システム管理者権限ユーザーでログインした際にチケット削除ボタンを非表示にする](customizes/27afbc24/customize.md) 47 | * [チケット作成時に作成日から指定した日数後の日付を期日へ表示する](customizes/85cfc016/customize.md) 48 | * [チケット作成画面の「ウォッチャー」欄でメンバーの表示を行わず必ず「ウォッチャーを検索して追加」を使用するようにする](customizes/3f0a014e/customize.md) 49 | * [チケット作成時に日付形式のカスタムフィールドへ現在の日付を表示する](customizes/7f0d0fa2/customize.md) 50 | * [カスタムフィールドの幅を変更する](customizes/25c168d1/customize.md) 51 | * [チケットのコメント入力欄にテンプレートを追加する](customizes/52ff2644/customize.md) 52 | * [チケット作成画面で題名・説明に入力例を表示する](customizes/01951140/customize.md) 53 | * [チケット作成・編集画面でトラッカーに応じて説明欄に入力例を表示する](customizes/0d25011e/customize.md) 54 | * [テキスト形式のカスタムフィールド欄に入力例を表示する](customizes/1b38e16b/customize.md) 55 | * [チケットの表示画面で「優先度」を非表示にする](customizes/0f3bccf7/customize.md) 56 | * [新しいチケット画面でカスタムフィールドにデフォルトで現在日時を yyyy/mm/dd hh:mm 形式で表示する](customizes/68c4adc1/customize.md) 57 | * [チケット表示画面で「説明」を他の項目より上に表示する](customizes/a69779da/customize.md) 58 | * [「担当者」ドロップダウンでグループをユーザーより前に表示する](customizes/c615d345/customize.md) 59 | * [チケット作成画面でチケットを作成しているユーザーを「担当者」に表示する](customizes/f8be8ed3/customize.md) 60 | * [チケット閲覧画面で編集を行う際にコメント欄へのフォーカスとスクロールをやめる](customizes/a0eefde8/customize.md) 61 | * [チケットの「履歴」「プロパティ更新履歴」に表示されるチケットの値の更新履歴を非表示にする](customizes/14f8c37a/customize.md) 62 | * [チケットの編集画面でカスタムフィールドの名称の文字色を変更する](customizes/f391b553/customize.md) 63 | * [チケット作成・編集画面で担当者欄の「自分に割り当て」を非表示にする](customizes/3a39c3e5/customize.md) 64 | 65 | ### ガントチャート 66 | 67 | * [ガントチャートでトラッカー名を非表示にする](customizes/0b123b84/customize.md) 68 | * [ガントチャートでトラッカー名・チケット番号をを非表示にする](customizes/473c1aaf/customize.md) 69 | 70 | ### チケットパネル 71 | 72 | 「チケットパネル（Issues Panel)」は、チケットをカード形式の一覧で表示するプラグインです。カード形式のチケットをステータスごとに見ることができます。 73 | ダウンロード： [https://github.com/redmica/redmine_issues_panel](https://github.com/redmica/redmine_issues_panel) 74 | 75 | * [チケットパネルのカードの左側に表示される色を変更する](customizes/4a061412/customize.md) 76 | 77 | ### 利用者へのメッセージ・お知らせ等の表示 78 | 79 | * [ログイン画面にアカウント登録を促すメッセージを表示する](customizes/fb591668/customize.md) 80 | * [各画面に操作ガイダンスを表示する](customizes/894e7a80/customize.md) 81 | * [全ページの最上部にお知らせを表示する](customizes/04026502/customize.md) 82 | 83 | ### その他 84 | 85 | * [ヘッダの背景色を変更する](customizes/5be64089/customize.md) 86 | * [リンクを別タブで表示する(Textile)](customizes/0798899d/customize.md) 87 | * [「個人設定」を非表示にする](customizes/4eac4649/customize.md) 88 | * [サイドバーの幅を狭くする](customizes/429ae96e/customize.md) 89 | * [プロジェクトを横断した自分が担当者の未完了チケット一覧へのリンクを表示する](customizes/7226f2fe/customize.md) 90 | * [ログイン時にホーム画面以外のページに転送する](customizes/83065c7c/customize.md) 91 | * [フォントサイズを変更する](customizes/d21c4380/customize.md) 92 | * [テーマ「こどもれっどまいん」を使用中に完了チケットの右下で表示される Great Job を非表示にする](customizes/8bc09b09/customize.md) 93 | 94 | ## ライセンス 95 | 96 | この資料は [クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンス](https://creativecommons.org/licenses/by-sa/4.0/) の下に提供されています。 97 | 98 | Copyright (C) [ファーエンドテクノロジー株式会社](https://www.farend.co.jp/) 99 | -------------------------------------------------------------------------------- /customizes/01951140/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成画面で題名・説明に入力例を表示する 2 | 3 | 新しいチケット作成画面の題名・説明に入力してほしい内容や入力例などを示す薄い灰色のテキストを表示できます。題名・説明にテキストを入力すると薄い灰色のテキストは消えて表示されなくなります。 4 | 5 | 動作確認済みバージョン：RedMica 2.0.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/new` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | 18 | ``` javascript 19 | $(function(){ 20 | $("#issue_subject").attr("placeholder", "題名に表示したいテキストを入力"); 21 | $("#issue_description").attr("placeholder", "説明に表示したいテキストを入力"); 22 | }); 23 | ``` 24 | 25 | ## カスタマイズ結果 26 | 27 | ![](image@2x.png) 28 | -------------------------------------------------------------------------------- /customizes/01951140/image@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/01951140/image@2x.png -------------------------------------------------------------------------------- /customizes/04026502/banner@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/04026502/banner@2x.png -------------------------------------------------------------------------------- /customizes/04026502/customize.md: -------------------------------------------------------------------------------- 1 | # 全ページの最上部にお知らせを表示する 2 | 3 | メンテナンスなど利用者に対する周知事項を目立つように表示できます。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ``` javascript 18 | /* 全ページの最上部にお知らせを表示する */ 19 | $(function() { 20 | $('div#wrapper').before( 21 | '
' + 22 | 'MM月DD日からDD日まで休業いたします。
' + 23 | '休業期間中のお問い合わせにはMM月DD日以降順次ご回答いたします。' + 24 | '
' 25 | ); 26 | }); 27 | ``` 28 | 29 | ## カスタマイズ結果 30 | 31 | ![](banner@2x.png) 32 | -------------------------------------------------------------------------------- /customizes/0798899d/customize.md: -------------------------------------------------------------------------------- 1 | # リンクを別タブで表示する(Textile) 2 | 3 | Textileでは、次のように記述してリンクを表示させることができます。 4 | ~~~ 5 | "Redmine.JP":http://redmine.jp/ 6 | ~~~ 7 | 作成したリンクはクリックすると別タブで表示されません。これを別タブで表示させます。 8 | 9 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 10 | 11 | ## 設定 12 | 13 | パスのパターン: `.*` 14 | 15 | 挿入位置: 全ページのヘッダ 16 | 17 | 種別: JavaScript 18 | 19 | コード: 20 | 21 | ~~~ javascript 22 | /* リンクを別タブで表示する(Textile) */ 23 | $(function() { 24 | $("a.external").attr("target","_blank"); 25 | }); 26 | ~~~ 27 | -------------------------------------------------------------------------------- /customizes/0b123b84/customize.md: -------------------------------------------------------------------------------- 1 | # ガントチャートでトラッカー名を非表示にする 2 | 3 | ガントチャートでのチケットの件名の表示は、「トラッカー名 #999: 題名」というスタイルになっています。トラッカーの表示を削除して「#999: 題名」という形式にすることができます。トラッカー名を重視していない運用を行っている場合、トラッカー名を表示しないことで、チケットの題名をより長く表示することができるようになります。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues/gantt` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | 18 | ``` javascript 19 | /* ガントチャートでトラッカー名を表示しない */ 20 | $(function() { 21 | $('div.gantt_subjects a.issue').each( 22 | function(i, elm) { 23 | $(elm).text($(elm).text().replace(/^.* /, '')); 24 | } 25 | ); 26 | }); 27 | ``` 28 | 29 | ## カスタマイズ結果 30 | 31 | ### カスタマイズ前 32 | 33 | ![](gantt-remove-tracker-name-before@2x.png) 34 | 35 | ### カスタマイズ後 36 | 37 | ![](gantt-remove-tracker-name-after@2x.png) 38 | 39 | -------------------------------------------------------------------------------- /customizes/0b123b84/gantt-remove-tracker-name-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/0b123b84/gantt-remove-tracker-name-after@2x.png -------------------------------------------------------------------------------- /customizes/0b123b84/gantt-remove-tracker-name-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/0b123b84/gantt-remove-tracker-name-before@2x.png -------------------------------------------------------------------------------- /customizes/0d25011e/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成・編集画面でトラッカーに応じて説明欄に入力例を表示する 2 | 3 | 説明欄に入力してほしい内容や入力例などを示す薄い灰色のテキストを表示できます(カスタマイズ結果の画像をご覧ください)。 4 | 説明欄に何かを入力した後は薄い灰色のテキストは消えて表示されなくなります。 5 | 6 | 対応バージョン：Redmine 4.0.7, 4.1.1 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues/` 11 | 12 | 挿入位置: チケット入力欄の下 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | 18 | 19 | ``` javascript 20 | /* トラッカーに応じて説明欄に入力例などを表示する */ 21 | $(function() { 22 | function setPlaceholder(){ 23 | if(!$("#issue-form").length){ 24 | return; 25 | } 26 | var placeholder = ""; 27 | var tracker_id = 0; 28 | if($("#issue_tracker_id").length){ 29 | tracker_id = parseInt($("#issue_tracker_id").val(), 10); 30 | } 31 | switch(tracker_id){ 32 | case 1: 33 | placeholder = "トラッカー1のplaceholder"; 34 | break; 35 | case 2: 36 | placeholder = "トラッカー2のplaceholder"; 37 | break; 38 | case 3: 39 | placeholder = "トラッカー3のplaceholder"; 40 | break; 41 | } 42 | $("#issue_description").attr("placeholder", placeholder); 43 | } 44 | setPlaceholder(); 45 | }); 46 | 47 | ``` 48 | 49 | **※Redmineの設定に合わせてコード内にある次の値を変更してカスタマイズを作成してください。** 50 | 51 | * case 数字の値 52 | 「case」の後の1,2などの数字は使用しているトラッカーに合わせて変えてください。 53 | （トラッカーの値を確認する方法：上部メニュー[管理]→[トラッカー]→トラッカーの名称をクリックして表示される画面のURLから確認できます。） 54 | * placeholderの値 55 | 「トラッカー1のplaceholder」「トラッカー2のplaceholder」はトラッカーごとに説明欄へ表示したい内容に変えてください。 56 | 57 | 58 | ## カスタマイズ結果 59 | 60 | ![](image@2x.png) -------------------------------------------------------------------------------- /customizes/0d25011e/image@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/0d25011e/image@2x.png -------------------------------------------------------------------------------- /customizes/0f3bccf7/after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/0f3bccf7/after.png -------------------------------------------------------------------------------- /customizes/0f3bccf7/before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/0f3bccf7/before.png -------------------------------------------------------------------------------- /customizes/0f3bccf7/customize.md: -------------------------------------------------------------------------------- 1 | # チケットの表示画面で「優先度」を非表示にする 2 | 3 | 上部メニュー「管理」→「ワークフロー」→「フィールドに対する権限」で「優先度」を読み取り専用にするとチケットの作成・編集画面には優先度を選択するためのドロップダウンが表示されなくなります。 4 | 以下のカスタマイズでは、チケットの表示画面での「優先度」を非表示にします。 5 | 6 | 対応バージョン：Redmine 3.4.11 / RedMica 1.2.0 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues/[0-9]+$` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: CSS 15 | 16 | コード: 17 | 18 | ~~~ css 19 | div.attributes div.splitcontent div.priority.attribute{ 20 | display:none; 21 | } 22 | ~~~ 23 | 24 | ## カスタマイズ結果 25 | 26 | ### カスタマイズ前 27 | 28 | ![](before.png) 29 | 30 | ### カスタマイズ後 31 | 32 | ![](after.png) -------------------------------------------------------------------------------- /customizes/1201d1e4/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1201d1e4/after@2x.png -------------------------------------------------------------------------------- /customizes/1201d1e4/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1201d1e4/before@2x.png -------------------------------------------------------------------------------- /customizes/1201d1e4/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で期日が過ぎたチケットの背景色を変更する 2 | 3 | 期日が過ぎたチケットの背景色を変えて目立つようにするカスタマイズです。 4 | 5 | [farend bleuclair](https://github.com/farend/redmine_theme_farend_bleuclair), [farend_basic](https://github.com/farend/redmine_theme_farend_basic), [farend_fancy](https://github.com/farend/redmine_theme_farend_fancy)などのテーマを利用するとカスタマイズを追加せずにテーマで設定されている色で優先度ごとに色分け表示されます。 6 | 7 | 対応バージョン：Redmine 4.2.1 / RedMica 1.2.0 8 | 9 | ## 設定 10 | 11 | パスのパターン: `/issues$` 12 | 13 | 挿入位置: 全ページのヘッダ 14 | 15 | 種別: CSS 16 | 17 | コード: 18 | 19 | ``` css 20 | table.list > tbody > tr.overdue:not(:hover) { background-color: pink; } 21 | ``` 22 | 23 | background-colorは任意の色に変更ください。 24 | 25 | ## カスタマイズ結果 26 | 27 | ### カスタマイズ前 28 | 29 | ![](before@2x.png) 30 | 31 | ### カスタマイズ後 32 | 33 | ![](after@2x.png) 34 | 35 | -------------------------------------------------------------------------------- /customizes/13c2b2e2/customize.md: -------------------------------------------------------------------------------- 1 | # プロジェクト一覧画面でプロジェクト名をクリックした際に、チケット一覧画面をデフォルトで表示する 2 | 3 | プロジェクト一覧画面でプロジェクト名をクリックすると、通常はプロジェクトの概要画面を表示します。 4 | このカスタマイズではプロジェクト名をクリックした際に、チケット一覧画面をデフォルトで表示するように変更します。 5 | ※プロジェクトの表示形式が「ボード」で表示している場合のみ動作します。「リスト」の場合、動作しません。 6 | 7 | 対応バージョン：Redmine4.1.0 8 | 9 | ## 設定 10 | 11 | パスのパターン: `/projects$` 12 | 13 | 種別: JavaScript 14 | 15 | 挿入位置: 全ページのヘッダ 16 | 17 | ``` javascript 18 | /* プロジェクト一覧: プロジェクト名クリック時にチケット一覧に画面遷移 */ 19 | $(function(){ 20 | $('#projects-index a.project').each(function(){ 21 | $(this).attr('href', $(this).attr('href') + '/issues'); 22 | }); 23 | }); 24 | ``` 25 | -------------------------------------------------------------------------------- /customizes/14284ae1/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/14284ae1/after@2x.png -------------------------------------------------------------------------------- /customizes/14284ae1/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/14284ae1/before@2x.png -------------------------------------------------------------------------------- /customizes/14284ae1/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で長いテキストのカスタムフィールドの値を省略して表示する 2 | 3 | 長いテキストの項目を複数行入力している時、チケット一覧画面で長いテキストの項目を表示すると複数行に渡って内容が表示されます。 4 | 以下のカスタマイズでは表示される長いテキスト複数行のを1行目の数文字を表示するようにして、チケット一覧で1つのチケットが表示範囲を少なくします。 5 | 6 | 対応バージョン：Redmine 4.1.1 / RedMica 1.2.0 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: CSS 15 | 16 | コード: 17 | 18 | ``` css 19 | table.list.issues td.text.cf_[カスタムフィールドのID] p {display: none;} 20 | table.list.issues td.text.cf_[カスタムフィールドのID] p br {display: none;} 21 | table.list.issues td.text.cf_[カスタムフィールドのID] p:first-child { 22 | display: inline-block; 23 | white-space: nowrap; 24 | overflow: hidden; 25 | text-overflow: ellipsis; 26 | width: 12em; /* 幅は変更して調整ください */ 27 | } 28 | ``` 29 | 30 | カスタムフィールドのIDは、カスタムフィールドの設定画面のURLから調べることができます。 31 | カスタムフィールドのIDの確認方法：上部メニュー「管理」→ 「カスタムフィールド」→ 長いテキストのカスタムフィールドをクリック → URLを確認 32 | 例）URLが`https://example.cloud.redmine.jp/custom_fields/111/edit`の場合、111がカスタムフィールドのIDです。`table.list.issues td.text.cf_111`のようにコードにIDを追加します。 33 | 　 34 | 35 | ## カスタマイズ結果 36 | 37 | ### カスタマイズ前 38 | 39 | ![](before@2x.png) 40 | 41 | ### カスタマイズ後 42 | 43 | ![](after@2x.png) 44 | 45 | -------------------------------------------------------------------------------- /customizes/14f8c37a/customize.md: -------------------------------------------------------------------------------- 1 | # チケットの「履歴」「プロパティ更新履歴」に表示されるチケットの値の更新履歴を非表示にする 2 | 3 | 「履歴」「プロパティ更新履歴」に表示されるチケットの値の変更履歴を非表示にします。 4 | 5 | 対応バージョン：RedMica3.0.4 6 | 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues/[0-9]+` 11 | 12 | 挿入位置: チケット入力欄の下 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | ``` javascript 18 | $(function(){ 19 | $('div[id^="change-"]').each(function(){ 20 | if ($(this).hasClass('has-notes')){ 21 | $('ul.details').remove(); 22 | }else{ 23 | $(this).remove(); 24 | } 25 | }); 26 | }); 27 | ``` 28 | 29 | コメント: 「履歴」「プロパティ更新履歴」に表示されるチケットの値の変更履歴を非表示にする -------------------------------------------------------------------------------- /customizes/184bf7f6/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で題名の表示幅を変更する 2 | 3 | チケット一覧画面で表示項目を増やした時に各項目の表示幅は狭くなります。このカスタマイズで題名を固定の幅で表示します。 4 | 5 | 対応バージョン：RedMica 3.1 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues$` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* チケット一覧画面で題名の表示幅を指定する */ 19 | table.list .subject {min-width: 150px;} 20 | ``` 21 | 22 | 150pxは希望の表示に合わせて変更します。 -------------------------------------------------------------------------------- /customizes/1b38e16b/customize.md: -------------------------------------------------------------------------------- 1 | # テキスト形式のカスタムフィールド欄に入力例を表示する 2 | 3 | テキスト形式や長いテキスト形式のカスタムフィールドに入力してほしい内容や入力例などを示す薄い灰色のテキストを表示できます 4 | カスタムフィールドに何かを入力した後は薄い灰色のテキストは消えて表示されなくなります。 5 | 6 | 対応バージョン：RedMica 1.3 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues/` 11 | 12 | 挿入位置: チケット入力欄の下 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | 18 | ``` javascript 19 | $(function(){ 20 | $("#issue_custom_field_values_[カスタムフィールドID]").attr("placeholder", "表示したい内容"); 21 | }); 22 | ``` 23 | 24 | **※入力例を表示したいカスタムフィールドID以下の手順で確認して指定してください** 25 | 26 | 1. 上部メニュー[管理]→[カスタムフィールド] 27 | 2. カスタムフィールドの名称をクリックして表示される画面のURLから確認できます 28 | 29 | ## カスタマイズ結果 30 | 31 | ![](new-issue.png) -------------------------------------------------------------------------------- /customizes/1b38e16b/new-issue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1b38e16b/new-issue.png -------------------------------------------------------------------------------- /customizes/1f5a39bc/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1f5a39bc/after@2x.png -------------------------------------------------------------------------------- /customizes/1f5a39bc/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1f5a39bc/before@2x.png -------------------------------------------------------------------------------- /customizes/1f5a39bc/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で見切れる「長いテキスト」形式カスタムフィールドの値を改行して表示する 2 | 3 | 「長いテキスト」形式のカスタムフィールドに英字や数字を含む長い文字列が入力されていると、チケット一覧で項目の幅が広がり、値が見切れてしまうことがあります。 4 | このカスタマイズでは、CSSの overflow-wrap プロパティを適用し、長い文字列を改行して表示するようにします。 5 | 6 | 対応バージョン：RedMica 3.1 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues$` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: CSS 15 | 16 | コード: 17 | 18 | ``` css 19 | /* チケット一覧で見切れる「長いテキスト」形式カスタムフィールドの値を改行して表示する */ 20 | table.list.issues td.text.cf_スタムフィールドのID { 21 | overflow-wrap: anywhere; 22 | } 23 | ``` 24 | 25 | カスタムフィールドのIDは、カスタムフィールドの設定画面のURLから調べることができます。 26 | カスタムフィールドのIDの確認方法：トップメニュー「管理」→ 「カスタムフィールド」→ 長いテキストのカスタムフィールドをクリック → URLを確認 27 | 例）URLが`https://example.cloud.redmine.jp/custom_fields/111/edit`の場合、111がカスタムフィールドのIDです。`table.list.issues td.text.cf_111`のようにコードにIDを追加します。 28 | 29 | ## カスタマイズ結果 30 | 31 | #### カスタマイズ前 32 | 33 | ![](before@2x.png) 34 | 35 | #### カスタマイズ後 36 | 37 | ![](after@2x.png) 38 | -------------------------------------------------------------------------------- /customizes/1f7acfab/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1f7acfab/after@2x.png -------------------------------------------------------------------------------- /customizes/1f7acfab/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1f7acfab/before@2x.png -------------------------------------------------------------------------------- /customizes/1f7acfab/bleuclair@2x.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/1f7acfab/bleuclair@2x.jpeg -------------------------------------------------------------------------------- /customizes/1f7acfab/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で優先度によってチケットの背景色を変更する 2 | 3 | チケット一覧でチケットの背景色を優先度別に変更するカスタマイズです。 4 | 5 | [farend bleuclair](https://github.com/farend/redmine_theme_farend_bleuclair), [farend_basic](https://github.com/farend/redmine_theme_farend_basic), [farend_fancy](https://github.com/farend/redmine_theme_farend_fancy)などのテーマを利用するとカスタマイズを追加せずにテーマで設定されている色で優先度ごとに色分け表示されます。 6 | 7 | テーマ「farend bleuclair」適用したチケット一覧 8 | ![](bleuclair@2x.jpeg) 9 | 10 | 11 | 対応バージョン：Redmine 4.1.1 / RedMica 1.2.0 12 | 13 | ## 設定 14 | 15 | パスのパターン: `/issues$` 16 | 17 | 挿入位置: 全ページのヘッダ 18 | 19 | 種別: CSS 20 | 21 | コード: 22 | 23 | ``` css 24 | 25 | table.list.issues tbody tr.priority-3 { 26 | background-color: #fffacd; 27 | } 28 | 29 | table.list.issues tbody tr.priority-4 { 30 | background-color: #ffff00; 31 | } 32 | ``` 33 | 34 | priority-3 や priority-4 の数字部分が優先度を特定するID番号です。背景色を変更したい優先度のIDに置き変えてください。IDはチケット表示画面のHTML内をご覧いただくか、もしくは優先度の編集画面（管理→選択肢の値→優先度の名称をクリック）のURLに含まれる数字で確認できます。 35 | 　 36 | 37 | ## カスタマイズ結果 38 | 39 | ### カスタマイズ前 40 | 41 | ![](before@2x.png) 42 | 43 | ### カスタマイズ後 44 | 45 | ![](after@2x.png) 46 | 47 | -------------------------------------------------------------------------------- /customizes/22dad0f4/customize.md: -------------------------------------------------------------------------------- 1 | # 「個人設定」画面内の「メール通知」を非表示にする 2 | 3 | 「個人設定」にある「メール通知」を非表示にし、ユーザーによる変更をできないようにします。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/my/account` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* 「個人設定」画面内の「メール通知」を非表示にする */ 19 | .controller-my.action-account .splitcontentright .box:first-child { 20 | display: none; 21 | } 22 | ``` 23 | 24 | ## カスタマイズ結果 25 | 26 | ### カスタマイズ前 27 | 28 | ![](hide-mail-notification-box-before@2x.png) 29 | 30 | 31 | ### カスタマイズ後 32 | 33 | ![](hide-mail-notification-box-after@2x.png) -------------------------------------------------------------------------------- /customizes/22dad0f4/hide-mail-notification-box-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/22dad0f4/hide-mail-notification-box-after@2x.png -------------------------------------------------------------------------------- /customizes/22dad0f4/hide-mail-notification-box-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/22dad0f4/hide-mail-notification-box-before@2x.png -------------------------------------------------------------------------------- /customizes/25c168d1/custom-field-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/25c168d1/custom-field-after@2x.png -------------------------------------------------------------------------------- /customizes/25c168d1/custom-field-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/25c168d1/custom-field-before@2x.png -------------------------------------------------------------------------------- /customizes/25c168d1/customize.md: -------------------------------------------------------------------------------- 1 | # カスタムフィールドの幅を変更する 2 | 3 | カスタムフィールドの幅を変更してチケットの作成画面や編集画面で表示します。 4 | 5 | 対応バージョン: Redmine 3.4.11, 4.0.5, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues` 10 | 11 | 挿入位置: チケット入力欄の下 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* テキスト形式(テキスト形式)の幅を100pxに変更する */ 19 | input#issue_custom_field_values_カスタムフィールドの値 { 20 | width: 100px; 21 | } 22 | ``` 23 | 24 | 25 | ### 「カスタムフィールドの値」確認方法 26 | 27 | **方法①** 28 | 「管理」→「カスタムフィールド」→カスタムフィールドの名称をクリック→URLから確認できます。 29 | 例）`http://localhost:3000/custom_fields/1/edit` 30 | 31 | **方法②** 32 | チケット作成画面のHTMLのソースをブラウザで表示させると確認できます。 33 | 34 | ``` html 35 |

36 | ``` 37 | 38 | ## カスタマイズ結果 39 | 40 | 「製品番号」がカスタムフィールドです。 41 | 42 | ### カスタマイズ前 43 | 44 | ![](custom-field-before@2x.png) 45 | 46 | ### カスタマイズ後 47 | 48 | ![](custom-field-after@2x.png) 49 | -------------------------------------------------------------------------------- /customizes/27afbc24/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/27afbc24/after@2x.png -------------------------------------------------------------------------------- /customizes/27afbc24/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/27afbc24/before@2x.png -------------------------------------------------------------------------------- /customizes/27afbc24/context-menu-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/27afbc24/context-menu-after@2x.png -------------------------------------------------------------------------------- /customizes/27afbc24/context-menu-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/27afbc24/context-menu-before@2x.png -------------------------------------------------------------------------------- /customizes/27afbc24/customize.md: -------------------------------------------------------------------------------- 1 | # システム管理者権限ユーザーでログインした際にチケット削除ボタンを非表示にする 2 | 3 | システム権限を持つユーザーに対しては、チケットの削除権限の設定は反映されません。システム管理者権限を持つユーザーがログインした際も、チケットの削除が行えないよう削除ボタンを非表示にします。 4 | 5 | 対応バージョン：RedMica 2.1.0 6 | 7 | ## 設定 8 | 9 | ### 設定1: チケット画面の「チケットを削除」を非表示にする 10 | 11 | パスのパターン: `/issues/[0-9]+` 12 | 13 | 挿入位置: 全ページのヘッダ 14 | 15 | 種別: CSS 16 | 17 | コード: 18 | 19 | ~~~ css 20 | div.contextual a[data-method="delete"]{ 21 | display: none; 22 | } 23 | ~~~ 24 | 25 | ### 設定2: コンテキストメニューの「チケットを削除」を非表示にする 26 | 27 | チケット一覧、マイページ、ロードマップ、バージョン、ガントチャート、カレンダーなどのコンテキストメニューから非表示にします。 28 | 29 | パスのパターン: `/` 30 | 31 | 挿入位置: 全ページのヘッダ 32 | 33 | 種別: CSS 34 | 35 | コード: 36 | 37 | ~~~ css 38 | body.controller-issues.action-index div#context-menu a[data-method="delete"], 39 | body.controller-my.action-page div#context-menu a[data-method="delete"], 40 | body.controller-versions.action-index div#context-menu a[data-method="delete"], 41 | body.controller-versions.action-show div#context-menu a[data-method="delete"], 42 | body.controller-gantts.action-show div#context-menu a[data-method="delete"], 43 | body.controller-calendars.action-show div#context-menu a[data-method="delete"], 44 | body.controller-issues_panel.action-index div#context-menu a[data-method="delete"] 45 | { 46 | display: none; 47 | } 48 | ~~~ 49 | 50 | 51 | ## カスタマイズ結果 52 | 53 | ### カスタマイズ前 54 | 55 | |設定1: チケット画面|設定2: チケット一覧画面| 56 | |---|---| 57 | |![](before@2x.png)|![](context-menu-before@2x.png)| 58 | 59 | ### カスタマイズ後 60 | 61 | |設定1: チケット画面|設定2: チケット一覧画面| 62 | |---|---| 63 | |![](after@2x.png)|![](context-menu-after@2x.png)| 64 | -------------------------------------------------------------------------------- /customizes/3a39c3e5/assign-to-me-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/3a39c3e5/assign-to-me-after@2x.png -------------------------------------------------------------------------------- /customizes/3a39c3e5/assign-to-me-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/3a39c3e5/assign-to-me-before@2x.png -------------------------------------------------------------------------------- /customizes/3a39c3e5/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成・編集画面で担当者欄の「自分に割り当て」を非表示にする 2 | 3 | 担当者欄に表示される「自分に割り当て」を非表示にします。 4 | 5 | > [!Caution] 6 | > * 画面上から非表示となっているだけのため、「自分に割り当て」が表示されていた箇所をクリックすると「<<自分>>」が選択されます 7 | > * 担当者を選択するプルダウンには「<<自分>>」は表示されます 8 | 9 | 対応バージョン：RedMica 3.1.7 10 | 11 | ## 設定 12 | 13 | パスのパターン: `/issues/` 14 | 15 | 挿入位置: 全ページのヘッダ 16 | 17 | 種別: CSS 18 | 19 | コード: 20 | 21 | ``` css 22 | a.assign-to-me-link { 23 | color: transparent; 24 | cursor: default; 25 | } 26 | ``` 27 | 28 | ## カスタマイズ結果 29 | 30 | ### カスタマイズ前 31 | 32 | ![](assign-to-me-before@2x.png) 33 | 34 | ### カスタマイズ後 35 | 36 | ![](assign-to-me-after@2x.png) -------------------------------------------------------------------------------- /customizes/3f0a014e/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成画面の「ウォッチャー」欄でメンバーの表示を行わず必ず「ウォッチャーを検索して追加」を使用するようにする 2 | 3 | 「ウォッチャーの追加」権限がある場合、チケット作成画面にはウォッチャーを選択するための「ウォッチャー」欄が表示され、そこには最大20件のメンバーが表示されます。そこに表示がないメンバーを追加する場合は「ウォッチャーを検索して追加」をクリックしてダイアログボックスから追加します。 4 | 5 | このカスタマイズはウォッチャー欄を表示させず、必ず「ウォッチャーを検索して追加」からウォッチャーを追加するようにします。 6 | 7 | 対応バージョン: Redmine 3.4.11, 4.0.5, 4.1.0 8 | 9 | 10 | ## 設定 11 | 12 | パスのパターン: `/issues/new$` 13 | 14 | 挿入位置: チケット入力欄の下 15 | 16 | 種別: CSS 17 | 18 | コード: 19 | 20 | ``` css 21 | span#watchers_inputs { display: none; } 22 | ``` 23 | 24 | ## カスタマイズ結果 25 | 26 | ### カスタマイズ前 27 | 28 | ![](watchers_inputs-enabled@2x.png) 29 | 30 | ### カスタマイズ後 31 | 32 | ![](watchers_inputs-disabled@2x.png) -------------------------------------------------------------------------------- /customizes/3f0a014e/watchers_inputs-disabled@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/3f0a014e/watchers_inputs-disabled@2x.png -------------------------------------------------------------------------------- /customizes/3f0a014e/watchers_inputs-enabled@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/3f0a014e/watchers_inputs-enabled@2x.png -------------------------------------------------------------------------------- /customizes/429ae96e/customize.md: -------------------------------------------------------------------------------- 1 | # サイドバーの幅を狭くする 2 | 3 | ウォッチャーやカスタムクエリなどが表示される右側のサイドバーを変更して表示します。 4 | 5 | 対応バージョン：Redmine 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `.*` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | div#sidebar { 19 | width: 15%; 20 | } 21 | ``` 22 | コメント: サイドバーを狭くする 23 | 24 | ## カスタマイズ結果 25 | ### カスタマイズ前 26 | ![](sidebar-before@2x.png) 27 | 28 | ### カスタマイズ後 29 | ![](sidebar-after@2x.png) -------------------------------------------------------------------------------- /customizes/429ae96e/sidebar-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/429ae96e/sidebar-after@2x.png -------------------------------------------------------------------------------- /customizes/429ae96e/sidebar-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/429ae96e/sidebar-before@2x.png -------------------------------------------------------------------------------- /customizes/473c1aaf/customize.md: -------------------------------------------------------------------------------- 1 | # ガントチャートでトラッカー名・チケット番号をを非表示にする 2 | 3 | ガントチャートでのチケットの件名の表示は、「トラッカー名 #999: 題名」というスタイルになっています。トラッカーとチケット番号を削除して題名のみの形式にすることができます。題名をチケットへのリンクにしています。 4 | トラッカー・チケット番号を重視していない運用を行っている場合、非表示にしてチケットの題名をより長く表示できます。 5 | 6 | 7 | 対応バージョン：Redmine 4.1.0 8 | 9 | 10 | ## 設定 11 | 12 | パスのパターン: `/issues/gantt` 13 | 14 | 挿入位置: 全ページのヘッダ 15 | 16 | 種別: JavaScript 17 | 18 | コード: 19 | 20 | ``` javascript 21 | /* ガントチャートでトラッカー名・チケット番号を表示しない */ 22 | $(function() { 23 | $('div.issue-subject span a.issue').text(''); 24 | $('div.issue-subject span').each(function(){ 25 | var issue_subject = $(this).text(); 26 | var old_html = $(this).html(); 27 | $(this).html(old_html.replace(issue_subject, '')); 28 | $(this).find('a.issue').text(issue_subject.slice(2)); 29 | }); 30 | }); 31 | ``` 32 | 33 | ## カスタマイズ結果 34 | 35 | ### カスタマイズ前 36 | 37 | ![](gantt-before.png) 38 | 39 | ### カスタマイズ後 40 | 41 | ![](gantt-after.png) 42 | 43 | -------------------------------------------------------------------------------- /customizes/473c1aaf/gantt-after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/473c1aaf/gantt-after.png -------------------------------------------------------------------------------- /customizes/473c1aaf/gantt-before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/473c1aaf/gantt-before.png -------------------------------------------------------------------------------- /customizes/4a061412/after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/4a061412/after.png -------------------------------------------------------------------------------- /customizes/4a061412/before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/4a061412/before.png -------------------------------------------------------------------------------- /customizes/4a061412/customize.md: -------------------------------------------------------------------------------- 1 | # チケットパネルのカードの左側に表示される色を変更する 2 | 3 | チケットパネルでは優先度によってカード形式のチケットの左側に色が表示されます。 4 | 以下のカスタマイズでは、表示される色を好きな色に変更します。 5 | 6 | ## 設定 7 | 8 | パスのパターン: `/issues_panel` 9 | 10 | 挿入位置: 全ページのヘッダ 11 | 12 | 種別: CSS 13 | 14 | コード: 15 | 16 | ~~~ css 17 | div.issue-card div.priority-3 { 18 | box-shadow: 4px 0px 0px 0px #ffff00 inset; 19 | } 20 | ~~~ 21 | 22 | 各チケットのカードの要素には、優先度によって`priority-1`、`priority-2`など、ID番号がついたクラス名がついています。このID番号がついたクラス名をごとに色を指定できます。 23 | 色は`#ffff00`のようにカラーコードで指定します。上記の設定では黄色を指定しています。 24 | 25 | 26 | ## カスタマイズ結果 27 | 28 | ### カスタマイズ前 29 | 30 | ![](before.png) 31 | 32 | ### カスタマイズ後 33 | 34 | ![](after.png) -------------------------------------------------------------------------------- /customizes/4a3d6294/customize.md: -------------------------------------------------------------------------------- 1 | # カスタムクエリが反映されたチケット一覧画面を表示する 2 | 3 | > [!TIP] 4 | > Redmine 5.0以降ではチケット一覧画面を開いたときにデフォルトで表示するカスタムクエリを設定できるようになりました。 5 | > 詳細:[https://blog.redmine.jp/articles/5_0/new-features/#7360](https://blog.redmine.jp/articles/5_0/new-features/#7360) 6 | > 7 | チケット一覧では「ステータス」が「未完了」のチケットがデフォルトで表示されます。 8 | 特定プロジェクトのチケット一覧へのリンク先を、カスタムクエリを適用したチケット一覧のURLに設定して表示します。 9 | ※カスタムクエリを表示するユーザーを「すべてのユーザー」に設定する必要があります。 10 | 11 | 対応バージョン: Redmine 3.4.11, 4.0.7, 4.1.1 12 | 13 | ## 設定 14 | 15 | パスのパターン: `/projects/プロジェクト識別子` 16 | 17 | 挿入位置: 全ページのヘッダ 18 | 19 | 種別: JavaScript 20 | 21 | コード: 22 | 23 | ``` javascript 24 | $(function(){ 25 | var tab = $('div#main-menu a.issues'); 26 | if(tab.length){ 27 | tab.attr('href', tab.attr('href') + '?query_id=****'); 28 | } 29 | }); 30 | ``` 31 | 32 | 「****」は表示したいカスタムクエリのIDに書き換えてください。IDはカスタムクエリを表示したURLから調べることができます。 33 | プロジェクト識別子の確認方法：プロジェクトの「設定」→ 画面内「識別子」 34 | 35 | ## カスタマイズ結果 36 | 37 | ![](issues_after@2x.png) 38 | 39 | 40 | -------------------------------------------------------------------------------- /customizes/4a3d6294/issues_after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/4a3d6294/issues_after@2x.png -------------------------------------------------------------------------------- /customizes/4eac4649/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/4eac4649/after@2x.png -------------------------------------------------------------------------------- /customizes/4eac4649/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/4eac4649/before@2x.png -------------------------------------------------------------------------------- /customizes/4eac4649/customize.md: -------------------------------------------------------------------------------- 1 | # 「個人設定」を非表示にする 2 | 3 | ログイン後、画面右上に表示される「個人設定」を非表示します。 4 | ※操作している限り個人設定は見えませんが、 **HTMLのソースコードには残っています** 。 5 | 6 | 対応バージョン：Redmine 3.4.11, 4.0.5, 4.1.0 7 | 8 | ## 設定 9 | 10 | パスのパターン: `.*` 11 | 12 | 種別: CSS 13 | 14 | 挿入位置: 全ページのヘッダ 15 | 16 | ``` css 17 | /* 「個人設定」を非表示にする */ 18 | #top-menu a.my-account { 19 | display: none; 20 | } 21 | ``` 22 | 23 | ## カスタマイズ結果 24 | 25 | ### カスタマイズ前 26 | 27 | ![](before@2x.png) 28 | 29 | ### カスタマイズ後 30 | 31 | ![](after@2x.png) 32 | -------------------------------------------------------------------------------- /customizes/52ff2644/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/52ff2644/after@2x.png -------------------------------------------------------------------------------- /customizes/52ff2644/customize.md: -------------------------------------------------------------------------------- 1 | # チケットのコメント入力欄にテンプレートを追加する 2 | 3 | > [!TIP] 4 | > コメント欄へのテンプレート追加は、[Redmine Issue Templates Plugin](https://github.com/agileware-jp/redmine_issue_templates)でも実現可能です。 5 | > Redmine Issue Templates Pluginの利用方法を紹介した記事: [https://blog.redmine.jp/articles/how-to-use-issue-templates-plugin/](https://blog.redmine.jp/articles/how-to-use-issue-templates-plugin/) 6 | 7 | チケットの編集時にコメントの入力欄にテンプレート（文言）表示します。 8 | 9 | 対応バージョン: Redmine 3.4.11, 4.0.5, 4.1.0 10 | 11 | ## 設定 12 | 13 | パスのパターン: `/issues/[0-9]+$` 14 | 15 | 挿入位置: チケット詳細の下 16 | 17 | 種別: JavaScript 18 | 19 | コード: 20 | 21 | ``` javascript 22 | $(function(){ 23 | // コメント入力欄の文言設定 24 | document.getElementById( "issue_notes" ).value = "次の内容を入力してください\。\n* 実施日\n* 作業メモ"; 25 | }); 26 | ``` 27 | 28 | ## カスタマイズ結果 29 | 30 | チケットの「編集」ボタンをクリックすると、コメントの入力欄に設定した文言が表示されます。 31 | 32 | ### カスタマイズ後 33 | 34 | ![](after@2x.png) 35 | -------------------------------------------------------------------------------- /customizes/5be64089/change-header-color-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/5be64089/change-header-color-after@2x.png -------------------------------------------------------------------------------- /customizes/5be64089/change-header-color-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/5be64089/change-header-color-before@2x.png -------------------------------------------------------------------------------- /customizes/5be64089/customize.md: -------------------------------------------------------------------------------- 1 | # ヘッダの背景色を変更する 2 | 3 | 複数のRedmineを運用しているとき、それぞれのヘッダの色を別のものに変更して識別しやすくすれば、各Redmineの取り違えやそれによる誤操作を防ぐことができます。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* ヘッダの背景色を変更する */ 19 | 20 | /* ヘッダの背景色 */ 21 | #header { 22 | background: #59b36b; 23 | } 24 | /* +ボタンとホバーしているタブの背景色 */ 25 | #main-menu li a.new-object, #main-menu li a:hover { 26 | background: #8fcc9b; 27 | } 28 | ``` 29 | 30 | ## カスタマイズ結果 31 | 32 | ### カスタマイズ前 33 | 34 | ![](change-header-color-before@2x.png) 35 | 36 | ### カスタマイズ後 37 | 38 | ![](change-header-color-after@2x.png) 39 | 40 | -------------------------------------------------------------------------------- /customizes/5efbb0c1/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で作成者・担当者・最終更新者の名前が折り返されないようにする 2 | 3 | 4 | チケット一覧でユーザーの名前が不自然な位置で改行されることがあります。原則として改行せずに表示し、一定の幅に収まらない名前は後ろを切って … で表示されるようにします。 5 | 6 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/issues\??.*$` 11 | ※ `/issues` または `/issues?` にマッチ (いずれもチケット一覧画面のURL) 12 | 13 | 挿入位置: 全ページのヘッダ 14 | 15 | 種別: CSS 16 | 17 | コード: 18 | 19 | ``` css 20 | /* チケット一覧で担当者、更新者、最終更新者を折り返さない */ 21 | table.list.issues td.author, 22 | table.list.issues td.assigned_to, 23 | table.list.issues td.last_updated_by { 24 | white-space: nowrap; 25 | max-width: 8em; 26 | overflow: hidden; 27 | text-overflow: ellipsis; 28 | } 29 | ``` 30 | 31 | ## カスタマイズ結果 32 | 33 | * 原則として名前全部を折り返さずに表示（カスタマイズ後画面例「担当者」欄） 34 | * 一定の幅（8em）に収まらない場合は後ろを切って … を表示（カスタマイズ後画面例「作成者」欄） 35 | 36 | ### カスタマイズ前 37 | 38 | ![](user-name-nowrap-before@2x.png) 39 | 40 | ### カスタマイズ後 41 | 42 | ![](user-name-nowrap-after@2x.png) 43 | -------------------------------------------------------------------------------- /customizes/5efbb0c1/user-name-nowrap-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/5efbb0c1/user-name-nowrap-after@2x.png -------------------------------------------------------------------------------- /customizes/5efbb0c1/user-name-nowrap-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/5efbb0c1/user-name-nowrap-before@2x.png -------------------------------------------------------------------------------- /customizes/68c4adc1/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/68c4adc1/after@2x.png -------------------------------------------------------------------------------- /customizes/68c4adc1/customize.md: -------------------------------------------------------------------------------- 1 | # 新しいチケット画面でカスタムフィールドにデフォルトで現在日時を yyyy/mm/dd hh:mm 形式で表示する 2 | 3 | 新しいチケット画面でカスタムフィールドにデフォルトで現在日時を yyyy/mm/dd hh:mm 形式で表示します。 4 | 5 | 対応バージョン: RedMica 1.3.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/new` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ``` javascript 18 | $(function(){ 19 | function getDate(){ 20 | var now = new Date(); 21 | return ( 22 | now.getFullYear() + "/" + 23 | ("0" + (now.getMonth() + 1)).slice(-2) + "/" + 24 | ("0" + now.getDate()).slice(-2) + " " + 25 | ("0" + now.getHours()).slice(-2) + ":" + 26 | ("0" + now.getMinutes()).slice(-2) 27 | ); 28 | } 29 | 30 | $("#issue_custom_field_values_[カスタムフィールドID]").val(getDate()); 31 | }); 32 | ``` 33 | 34 | **※カスタムフィールドIDは以下の手順で確認して指定してください** 35 | 36 | 1. 上部メニュー[管理]→[カスタムフィールド] 37 | 2. カスタムフィールドの名称をクリックして表示される画面のURLから確認できます 38 | 39 | ## カスタマイズ結果 40 | 41 | ![](after@2x.png) 42 | -------------------------------------------------------------------------------- /customizes/7226f2fe/customize.md: -------------------------------------------------------------------------------- 1 | # プロジェクトを横断した自分が担当者の未完了チケット一覧へのリンクを表示する 2 | 3 | プロジェクトを横断して自分が担当者のチケットを確認するには、最上部のアプリケーションメニュー内の「プロジェクト」をクリックした後、「チケット」をクリックしてさらに自分が担当者であるチケットを絞り込んで表示する必要があります。 4 | これをアプリケーションメニュー内に自分が担当者の未完了チケット一覧へのリンクを追加して、ワンクリックで表示できます。 5 | 6 | 対応バージョン：Redmine 4.1.0 7 | 8 | ## 設定 9 | 10 | パスのパターン: `.*` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | 18 | ``` javascript 19 | $(function() { 20 | $('#top-menu>ul') 21 | .append('
  • 自分の未完了
    • '); 22 | })(); 23 | ``` 24 | 25 | ## カスタマイズ結果 26 | 27 | ![](image.png) 28 | 29 | -------------------------------------------------------------------------------- /customizes/7226f2fe/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/7226f2fe/image.png -------------------------------------------------------------------------------- /customizes/7f0d0fa2/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成時に日付形式のカスタムフィールドへ現在の日付を表示する 2 | 3 | チケット作成画面にて、日付形式のカスタムフィールドにチケットを現在の日付（チケットを作成時の日付）を表示します。 4 | 5 | 対応バージョン: Redmine 3.4.11, 4.0.5, 4.1.0, 4.2.5 6 | 7 | ## 設定 8 | 9 | パスのパターン: なし 10 | 11 | 挿入位置: チケット入力欄の下 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ``` javascript 18 | /*カスタムフィールド(日付形式)に今日の日付を表示する*/ 19 | $(function(){ 20 | $('#issue_custom_field_values_カスタムイールドの値').val(getDate()); 21 | function getDate() { 22 | var now = new Date(); 23 | now.setDate(now.getDate()); 24 | return yyyymmdd = now.getFullYear() + '-' + 25 | ("0"+(now.getMonth() + 1)).slice(-2) + '-' + 26 | ("0"+now.getDate()).slice(-2); 27 | }; 28 | }); 29 | ``` 30 | 31 | カスタムフィールドの値は「管理」→「カスタムフィールド」→カスタムフィールドの名称をクリック→URLから確認できます。 32 | 例）`http://localhost:3000/custom_fields/2/edit` 33 | 34 | ## カスタマイズ結果 35 | 36 | 「対応日付」がカスタムフィールドです。 37 | 38 | ### カスタマイズ前 39 | ![](date-before.png) 40 | 41 | ### カスタマイズ後 42 | ![](date-after.png) 43 | -------------------------------------------------------------------------------- /customizes/7f0d0fa2/date-after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/7f0d0fa2/date-after.png -------------------------------------------------------------------------------- /customizes/7f0d0fa2/date-before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/7f0d0fa2/date-before.png -------------------------------------------------------------------------------- /customizes/83065c7c/customize.md: -------------------------------------------------------------------------------- 1 | # ログイン時にホーム画面以外のページに転送する 2 | 3 | ホーム画面にアクセスがあった場合に常に特定のURLに転送します。このカスタマイズによりホーム画面にアクセスできなくなります。 4 | 以下は「ホーム」にアクセスすると特定のプロジェクトの概要画面に転送される設定例です。 5 | 6 | 対応バージョン：Redmine 6.0.2 / RedMica 3.1.3 7 | 8 | ## 設定 9 | 10 | パスのパターン: `^/$` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: JavaScript 15 | 16 | コード: 17 | 18 | ``` javascript 19 | $(function(){ 20 | if($('body.controller-welcome.action-index').length){ 21 | location.href = "/projects/識別子"; // ホーム画面のかわりに表示させたいURLを指定 22 | } 23 | }); 24 | ``` 25 | 26 | 識別子はプロジェクトの「設定」→「プロジェクト」タブ→「識別子」から確認できます。 -------------------------------------------------------------------------------- /customizes/85cfc016/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成時に作成日から指定した日数後の日付を期日へ表示する 2 | 3 | 期日をチケット作成日に対応した日数後に設定して表示します。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/new$` 10 | 11 | 挿入位置: チケット入力欄の下 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ``` javascript 18 | /* チケット作成日の7日後の日付を期日に設定する */ 19 | $(function() { 20 | $('#issue_due_date').val(getDate()); 21 | function getDate() { 22 | var now = new Date(); 23 | now.setDate(now.getDate() + 7); 24 | return yyyymmdd = now.getFullYear() + '-' + 25 | ("0"+(now.getMonth() + 1)).slice(-2) + '-' + 26 | ("0"+now.getDate()).slice(-2); 27 | }; 28 | }); 29 | ``` 30 | 31 | ## カスタマイズ結果 32 | ### カスタマイズ前 33 | ![](issue-due-date-before@2x.png) 34 | 35 | ### カスタマイズ後 36 | ![](issue-due-date-after@2x.png) -------------------------------------------------------------------------------- /customizes/85cfc016/issue-due-date-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/85cfc016/issue-due-date-after@2x.png -------------------------------------------------------------------------------- /customizes/85cfc016/issue-due-date-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/85cfc016/issue-due-date-before@2x.png -------------------------------------------------------------------------------- /customizes/894e7a80/customize.md: -------------------------------------------------------------------------------- 1 | # 各画面に操作ガイダンスを表示する 2 | 3 | Redmineの各画面に、操作方法や画面自体の説明を表示することで、Redmineにまだあまりなじんでいない方が操作に戸惑うのを防ぐことができます。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | ### 設定1: ガイダンス用スタイルを追加 10 | 11 | パスのパターン: `/` 12 | ※ `/` は全画面にマッチ 13 | 14 | 挿入位置: 全ページのヘッダ 15 | 16 | 種別: CSS 17 | 18 | コード: 19 | 20 | ``` css 21 | /* ガイダンス用スタイル定義 */ 22 | .guidance { 23 | background-color: #d9edf7; 24 | border: 1px solid #bce8f1; 25 | border-radius: 6px; 26 | color: #31708f; 27 | padding: 8px; 28 | margin: 10px 0; 29 | } 30 | ``` 31 | 32 | ### 設定2: チケット一覧画面でガイダンスを表示 33 | 34 | パスのパターン: `/issues\??.*$` 35 | ※ `*/issues` または `*/issues?*` にマッチ (いずれもチケット一覧画面のURL) 36 | 37 | 挿入位置: 全ページのヘッダ 38 | 39 | 種別: JavaScript 40 | 41 | コード: 42 | 43 | ``` javascript 44 | /* チケット一覧画面 ガイダンス表示 */ 45 | $(function() { 46 | $("#content>h2:first-of-type").after( 47 | "
    お問い合わせいただいた案件の一覧です。
    " + 48 | "各案件の詳細を見るには題名をクリックしてください。" + 49 | "過去案件を表示するには、 ステータス で すべて を" + 50 | "選択してから 適用 をクリックしてください。
    " 51 | ); 52 | }); 53 | ``` 54 | 55 | ## カスタマイズ結果 56 | 57 | ![](guidance-sample@2x.png) 58 | 59 | -------------------------------------------------------------------------------- /customizes/894e7a80/guidance-sample@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/894e7a80/guidance-sample@2x.png -------------------------------------------------------------------------------- /customizes/8bc09b09/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/8bc09b09/after@2x.png -------------------------------------------------------------------------------- /customizes/8bc09b09/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/8bc09b09/before@2x.png -------------------------------------------------------------------------------- /customizes/8bc09b09/customize.md: -------------------------------------------------------------------------------- 1 | # テーマ「こどもれっどまいん」を使用中に完了チケットの右下で表示される Great Job を非表示にする 2 | 3 | 対応バージョン: RedMica 3.1 4 | 5 | ## 設定 6 | 7 | パスのパターン: `/issues/[0-9]+` 8 | 9 | 挿入位置: チケット詳細の下 10 | 11 | 種別: CSS 12 | 13 | コード: 14 | 15 | ``` css 16 | .ribbon-content { 17 | display: none; 18 | } 19 | ``` 20 | 21 | ## カスタマイズ結果 22 | 23 | ### カスタマイズ前 24 | 25 | ![](before@2x.png) 26 | 27 | 28 | ### カスタマイズ後 29 | 30 | ![](after@2x.png) 31 | -------------------------------------------------------------------------------- /customizes/8fbd742a/customize.md: -------------------------------------------------------------------------------- 1 | # カスタムクエリが反映されたプロジェクト一覧画面を表示する 2 | 3 | Redmine 4.1よりプロジェクト一覧のページにフィルタとオプションが追加され、設定した表示条件をチケット一覧画面と同じようにカスタムクエリとして保存できるようになりました。 4 | [Redmine.JP Blog：Redmine 4.1 新機能紹介 (3/3) プロジェクト一覧のフィルタとカスタムクエリ](http://blog.redmine.jp/articles/4_1/new-features-p3/#29482) 5 | 6 | 画面上部のメニューに表示されるプロジェクト一覧へのリンク先を、カスタムクエリを適用したプロジェクト一覧のURLに設定して表示します。 7 | 8 | 対応バージョン: Redmine 4.1.0 9 | 10 | ## 設定 11 | 12 | パスのパターン: `.*` 13 | 14 | 挿入位置: 全ページのヘッダ 15 | 16 | 種別: JavaScript 17 | 18 | コード: 19 | 20 | ``` javascript 21 | $(function(){ 22 | $('div#top-menu a.projects').attr('href', '/projects?query_id=****'); 23 | }); 24 | ``` 25 | 26 | 「****」は表示したいカスタムクエリのIDに書き換えてください。IDはカスタムクエリを表示したURLから調べることができます。 27 | 28 | ## カスタマイズ結果 29 | 30 | ![](projects_after@2x.png) 31 | 32 | 33 | -------------------------------------------------------------------------------- /customizes/8fbd742a/projects_after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/8fbd742a/projects_after@2x.png -------------------------------------------------------------------------------- /customizes/a0dc300b/customize.md: -------------------------------------------------------------------------------- 1 | # チケット一覧で完了しているチケットの番号に取り消し線を表示する 2 | 3 | チケット一覧画面にて完了しているチケットの番号に取り消し線を表示します。 4 | 5 | 対応バージョン：Redmine 4.0.9, 4.1.1, 4.2.1 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues$` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | table.list.issues tr.closed td.id a {text-decoration: line-through;} 19 | ``` 20 | コメント: チケット一覧で完了しているチケットの番号に取り消し線を表示 21 | 22 | ## カスタマイズ結果 23 | 24 | ![](image@2x.png) -------------------------------------------------------------------------------- /customizes/a0dc300b/image@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/a0dc300b/image@2x.png -------------------------------------------------------------------------------- /customizes/a0eefde8/customize.md: -------------------------------------------------------------------------------- 1 | # チケット閲覧画面で編集を行う際にコメント欄へのフォーカスとスクロールをやめる 2 | 3 | チケット閲覧画面で編集を行う際に、コメント欄へのフォーカスとスクロールをやめて表示します。 4 | コメント欄に自動でフォーカスとスクロールすることを防ぎ、スマホなどでアクセスした時、チケット項目を閲覧しやすくしたい際などに利用できます。 5 | 6 | 対応バージョン：RedMica 2.4.1 7 | 8 | ## 注意事項 9 | 10 | * チケットのコメントを引用してコメントする場合など、未対応の操作があります。 11 | * 表示のカスタマイズの項目「プライベート」がOFFの場合は全てのユーザーに影響します。 12 | * パスのパターンを間違えるとフォーラムなどの機能もコメント欄へのフォーカスとスクロールができなくなります。 13 | 14 | ## 設定 15 | 16 | パスのパターン: `/issues/[0-9]+` 17 | 18 | 挿入位置: 全ページの末尾 19 | 20 | 種別: CSS 21 | 22 | コード: 23 | 24 | ``` javascript 25 | function showAndScrollTo(id, focus) { 26 | $('#'+id).show(); 27 | } 28 | ``` 29 | コメント: チケット閲覧画面で編集を行う際にコメント欄へのフォーカスとスクロールをやめる -------------------------------------------------------------------------------- /customizes/a69779da/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/a69779da/after@2x.png -------------------------------------------------------------------------------- /customizes/a69779da/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/a69779da/before@2x.png -------------------------------------------------------------------------------- /customizes/a69779da/customize.md: -------------------------------------------------------------------------------- 1 | # チケット表示画面で「説明」を上に表示する 2 | 3 | チケット表示画面で、ステータス、優先度、担当者などの項目より上に説明を表示します。 4 | 5 | 対応バージョン：Redmine 4.2.1 / RedMica 2.0.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/[0-9]+` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ~~~ javascript 18 | $(function(){ 19 | if($("div.issue div.description").length){ 20 | $("div.issue div.attributes").before($("div.issue div.description")); 21 | $("div.issue div.attributes").before($("div.issue div.attributes + hr")); 22 | } 23 | }); 24 | ~~~ 25 | 26 | ## カスタマイズ結果 27 | 28 | ### カスタマイズ前 29 | 30 | ![](before@2x.png) 31 | 32 | ### カスタマイズ後 33 | 34 | ![](after@2x.png) -------------------------------------------------------------------------------- /customizes/b36e52d2/customize.md: -------------------------------------------------------------------------------- 1 | # プロジェクトの概要画面でメンバーを非表示にする 2 | 3 | プロジェクトの概要画面にあるメンバーの表示欄を非表示にします。 4 | ※操作している限りメンバーの表示は見えませんが、**HTMLのソースコードには残っています**。 5 | 6 | 対応バージョン：RedMica 2.2 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: CSS 15 | 16 | コード: 17 | 18 | ~~~ css 19 | .controller-users.action-show .splitcontentright { 20 | display: none; 21 | } 22 | 23 | .controller-projects.action-show .members.box { 24 | display: none; 25 | } 26 | ~~~ 27 | 28 | ## カスタマイズ結果 29 | 30 | ### カスタマイズ前 31 | 32 | ![](overview_before@2x.png) 33 | 34 | ### カスタマイズ後 35 | 36 | ![](overview_after@2x.png) 37 | -------------------------------------------------------------------------------- /customizes/b36e52d2/overview_after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/b36e52d2/overview_after@2x.png -------------------------------------------------------------------------------- /customizes/b36e52d2/overview_before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/b36e52d2/overview_before@2x.png -------------------------------------------------------------------------------- /customizes/c615d345/assigned-to-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/c615d345/assigned-to-after@2x.png -------------------------------------------------------------------------------- /customizes/c615d345/assigned-to-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/c615d345/assigned-to-before@2x.png -------------------------------------------------------------------------------- /customizes/c615d345/customize.md: -------------------------------------------------------------------------------- 1 | # 「担当者」ドロップダウンでグループをユーザーより前に表示する 2 | 3 | 「グループへのチケット割り当てを許可」（「管理」→「設定」→「チケットトラッキング」）をONにすると、チケットの担当者にユーザーだけではなくグループも設定できます。 4 | 5 | このカスタマイズでは、担当者のドロップダウンリストボックスでユーザーよりもグループを先に表示するようにします。 6 | 7 | 対応バージョン：RedMica 2.2 8 | 9 | ## 設定 10 | 11 | パスのパターン: `/` 12 | 13 | 挿入位置: チケット入力欄の下 14 | 15 | 種別: JavaScript 16 | 17 | コード: 18 | 19 | ~~~ javascript 20 | $(function() { 21 | $("select#issue_assigned_to_id").each(function(){ 22 | $(this).children("optgroup").insertAfter($(this).children(":first")); 23 | $(this).children("optgroup:last").after(""); 24 | }); 25 | }); 26 | ~~~ 27 | 28 | ## カスタマイズ結果 29 | 30 | ### カスタマイズ前 31 | 32 | ![](assigned-to-before@2x.png) 33 | 34 | ### カスタマイズ後 35 | 36 | ![](assigned-to-after@2x.png) -------------------------------------------------------------------------------- /customizes/d21c4380/customize.md: -------------------------------------------------------------------------------- 1 | # フォントサイズを変更する 2 | 3 | フォントサイズを好きな大きさに変更します。 4 | 5 | 対応バージョン：Redmine 6.0.2 / RedMica 3.1.3 6 | 7 | ## 設定 8 | 9 | パスのパターン: `.*` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | body{ 19 | font-size: 15px; 20 | } 21 | ``` -------------------------------------------------------------------------------- /customizes/de33ffd8/customize.md: -------------------------------------------------------------------------------- 1 | # 「プロジェクト」画面から「ガントチャート」「カレンダー」などのメニューを非表示にする 2 | 3 | 「プロジェクト」画面に表示されている、「ガントチャート」「カレンダー」などのメニューを非表示にします。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 / RedMica 1.2.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/projects$` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* 「プロジェクト」画面のメインメニューから「プロジェクト」「活動」「チケット」以外のメニューを消す */ 19 | #main-menu a.time-entries, 20 | #main-menu a.gantt, 21 | #main-menu a.calendar, 22 | #main-menu a.news { 23 | display: none; 24 | } 25 | ``` 26 | 27 | ## カスタマイズ結果 28 | 29 | ### カスタマイズ前 30 | 31 | ![](disable-menu-before@2x.png) 32 | 33 | ### カスタマイズ後 34 | 35 | ![](disable-menu-after@2x.png) 36 | -------------------------------------------------------------------------------- /customizes/de33ffd8/disable-menu-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/de33ffd8/disable-menu-after@2x.png -------------------------------------------------------------------------------- /customizes/de33ffd8/disable-menu-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/de33ffd8/disable-menu-before@2x.png -------------------------------------------------------------------------------- /customizes/eaa837fe/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/eaa837fe/after@2x.png -------------------------------------------------------------------------------- /customizes/eaa837fe/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/eaa837fe/before@2x.png -------------------------------------------------------------------------------- /customizes/eaa837fe/customize.md: -------------------------------------------------------------------------------- 1 | # プロジェクトの概要画面で説明を横幅いっぱいに表示する 2 | 3 | プロジェクトの概要画面ではの説明（設定→プロジェクトタブの「説明」）を横幅いっぱいに表示します。 4 | **※このカスタマイズを追加するとメンバーや最新ニュース、サブプロジェクトが説明の下に表示されるようになります。** 5 | 6 | 対応バージョン：RedMica 3.1 7 | 8 | ## 設定 9 | 10 | パスのパターン: `/projects` 11 | 12 | 挿入位置: 全ページのヘッダ 13 | 14 | 種別: CSS 15 | 16 | コード: 17 | 18 | ``` css 19 | /* プロジェクトの概要画面で説明を横幅いっぱいに表示する */ 20 | #content div.splitcontent { 21 | display: inherit; 22 | } 23 | ``` 24 | 25 | ## カスタマイズ結果 26 | 27 | #### カスタマイズ前 28 | 29 | ![](before@2x.png) 30 | 31 | #### カスタマイズ後 32 | 33 | ![](after@2x.png) 34 | -------------------------------------------------------------------------------- /customizes/f391b553/customize.md: -------------------------------------------------------------------------------- 1 | # チケットの編集画面でカスタムフィールドの名称の文字色を変更する 2 | 3 | カスタムフィールドの名称の文字色を変更して表示します。 4 | 5 | 対応バージョン：RedMica 3.1 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: CSS 14 | 15 | コード: 16 | 17 | ``` css 18 | /* チケットの編集画面でカスタムフィールドの名称の文字色を変更する */ 19 | .edit_issue .tabular label:has(+ .cf_カスタムフィールドのID){ 20 | color: red; 21 | } 22 | ``` 23 | 24 | ## カスタマイズ結果 25 | 26 | 27 | ![](image@2x.png) -------------------------------------------------------------------------------- /customizes/f391b553/image@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f391b553/image@2x.png -------------------------------------------------------------------------------- /customizes/f6b5901b/after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f6b5901b/after@2x.png -------------------------------------------------------------------------------- /customizes/f6b5901b/before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f6b5901b/before@2x.png -------------------------------------------------------------------------------- /customizes/f6b5901b/customize.md: -------------------------------------------------------------------------------- 1 | # プロジェクト画面の段組みを解除して1段で表示する 2 | 3 | プロジェクトの一覧が、Redmine 3.4.0より段組み表示されるようになりました。これを従来通りの1段の表示に戻します。 4 | 5 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/projects$` 10 | 11 | 挿入位置: 全ページのヘッダ 12 | 13 | 種別: StyleSheet 14 | 15 | コード: 16 | 17 | ``` css 18 | /* プロジェクト画面の段組みを解除して1段で表示する */ 19 | #projects-index { 20 | column-count: 1; 21 | column-width: auto; 22 | -webkit-column-count: 1; 23 | -webkit-column-width: auto; 24 | -moz-column-count: 1; 25 | -moz-column-width: auto; 26 | } 27 | ``` 28 | 29 | ## カスタマイズ結果 30 | 31 | #### カスタマイズ前 32 | 33 | ![](before@2x.png) 34 | 35 | #### カスタマイズ後 36 | 37 | ![](after@2x.png) 38 | 39 | ### Redmine 3.4.8以降 40 | 41 | #### カスタマイズ前 42 | 43 | ![](new-before@2x.png) 44 | 45 | #### カスタマイズ後 46 | 47 | ![](new-after@2x.png) 48 | -------------------------------------------------------------------------------- /customizes/f6b5901b/new-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f6b5901b/new-after@2x.png -------------------------------------------------------------------------------- /customizes/f6b5901b/new-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f6b5901b/new-before@2x.png -------------------------------------------------------------------------------- /customizes/f8be8ed3/assigned-to-after@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f8be8ed3/assigned-to-after@2x.png -------------------------------------------------------------------------------- /customizes/f8be8ed3/assigned-to-before@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/f8be8ed3/assigned-to-before@2x.png -------------------------------------------------------------------------------- /customizes/f8be8ed3/customize.md: -------------------------------------------------------------------------------- 1 | # チケット作成画面でチケットを作成しているユーザーを「担当者」に表示する 2 | 3 | チケットを作成しているユーザーが担当者として選択された状態でチケット作成画面を表示します。 4 | 5 | 対応バージョン：RedMica 2.3 6 | 7 | ## 設定 8 | 9 | パスのパターン: `/issues/new$` 10 | 11 | 挿入位置: チケット入力欄の下 12 | 13 | 種別: JavaScript 14 | 15 | コード: 16 | 17 | ~~~ javascript 18 | $(function(){ 19 | $('#issue_assigned_to_id').val($('#issue_assigned_to_id option:contains("自分")').val()); 20 | $('#issue_assigned_to_id').change(); 21 | }); 22 | ~~~ 23 | 24 | ## カスタマイズ結果 25 | 26 | ### カスタマイズ前 27 | 28 | ![](assigned-to-before@2x.png) 29 | 30 | ### カスタマイズ後 31 | 32 | ![](assigned-to-after@2x.png) -------------------------------------------------------------------------------- /customizes/fb591668/customize.md: -------------------------------------------------------------------------------- 1 | # ログイン画面にアカウント登録を促すメッセージを表示する 2 | 3 | 「管理」→「設定」画面の「認証」タブで「ユーザーによるアカウント登録」を有効にしている場合、ログイン画面の右上に表示されている「登録する」をクリックするとユーザーが自分でアカウントを登録することができます。しかし、Redmineになじみのない人にとっては「登録する」は見つけにくいことが有ります。 4 | 5 | ログイン画面の下に登録を促すメッセージを表示を表示すると、Redmineに不慣れな人をアカウント登録に誘導することができます。 6 | 7 | 対応バージョン：Redmine 3.4.11, 4.0.4, 4.1.0 8 | 9 | ## 設定 10 | 11 | StylesheetとJavaScriptの2つを設定します。 12 | 13 | ### StyleSheet 14 | 15 | パスのパターン: `/login\??.*$` 16 | ※ `/login` または `/login?` にマッチ (いずれもログイン画面のURL) 17 | 18 | 挿入位置: 全ページのヘッダ 19 | 20 | 種別: CSS 21 | 22 | コード: 23 | 24 | ``` css 25 | /* メッセージ用スタイル定義 */ 26 | .support-guidance-login { 27 | text-align: center; 28 | font-size: 15px; 29 | background-color: #d9edf7; 30 | border: 1px solid #bce8f1; 31 | border-radius: 6px; 32 | color: #31708f; 33 | padding: 8px; 34 | margin: 10px 0; 35 | } 36 | ``` 37 | 38 | ### JavaScript 39 | 40 | パスのパターン: `/login\??.*$` 41 | ※ `/login` または `/login?` にマッチ (いずれもログイン画面のURL) 42 | 43 | 挿入位置: 全ページのヘッダ 44 | 45 | 種別: JavaScript 46 | 47 | コード: 48 | 49 | ``` javascript 50 | /* ログイン画面 アカウント登録を促すメッセージ表示 */ 51 | $(function() { 52 | $('#login-form').after( 53 | '
    ' + 54 | '

    初めてお問い合わせいただく方は 登録 をお願いします (所要時間 約1分)。

    ' + 55 | '

    ' + 56 | '

    登録後はお問い合わせの送信や対応状況の確認ができるようになります。

    ' + 57 | '
    ' 58 | ); 59 | }); 60 | ``` 61 | 62 | ## カスタマイズ結果 63 | 64 | ![](login@2x.png) 65 | -------------------------------------------------------------------------------- /customizes/fb591668/login@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/farend/redmine-view-customize-examples/9765a3499defdd5333e52ef0af3a33318fdd8877/customizes/fb591668/login@2x.png --------------------------------------------------------------------------------