メイン コンテンツをスキップする 補完的コンテンツへスキップ

アプリのスタイル設定

スタイル設定を適用し、会社の基準に基づいてアプリをカスタマイズすることができます。選択したスタイルはアプリ内のすべてのシートに適用されます。アプリを公開した後でアプリのスタイルを変更することはできません。

アプリのスタイル設定

次のスタイル設定オプションを選択できます。

  • テキストや数字の文字列内の文字の方向を変更する。
  • 既定のアプリのテーマを変更する。
  • ビジュアライゼーションのホバー メニューをオン/オフにします。
  • シート タイトルの背景色を変更する。
  • シート タイトルのフォント色を変更する。
  • ロゴなどの画像を追加および配置します。
  • すべてのシートのツールバーとヘッダーのオン/オフを切り替えます。
ヒント メモ

開発者は、カスタム テーマ拡張により、より多様なスタイル設定をアプリに適用することができます。

個々のオブジェクトのカスタム スタイルは、アプリのスタイルより優先されます。

アプリのオプションを開く

アプリのオプションは、未公開アプリの任意の場所から開くことができます。

  1. 未公開アプリで、詳細設定 の順にクリックし、アプリ オプションを開きます。

  2.  キャンセル  をクリックしてアプリ オプションを閉じます。

情報メモ アプリのオプションはモバイル デバイスでは利用できません。
情報メモQlik Sense June 2018 現在、アプリのオプションは、App リソースでの Update アクションに関してカスタム セキュリティ ルールが定義されているとしても、公開済みアプリでは使用できません。

読む方向を変更

  1. 未公開アプリで、詳細設定 の順にクリックし、アプリ オプションを開きます。
  2. [スタイル]、[右から左] の順に選択し、[オン] または [オフ] を選択します。
情報メモQlik Sense チャートを使用してビジュアライゼーションが共有されている場合は、アプリの読む方向を変更すると共有されているチャートの読む方向にも影響します。詳細については、「共有チャート内での読む順序が正しくない」を参照してください。

既定のアプリのテーマを変更

既定の Qlik テーマまたは作成してインストールした任意のカスタムテーマの1つを適用できます。

既定の Qlik テーマ: 

  • [Sense Horizon] - 新しいアプリを作成するときの既定のテーマです。

  • [Sense クラシック] - オブジェクトをよりコンパクトに表示して、オブジェクト間のスペースを制限します。
  • [Sense フォーカス] - タイトルに指定されたスペースを提供し、オブジェクトの周りのパディングとスペースを調整します。
  • [Sense Breeze] - [Sense フォーカス]をベースとしていますが、カラー設定が異なります。
  1. 未公開アプリで、詳細設定 の順にクリックし、アプリ オプションを開きます。
  2. [アプリのテーマ] ドロップダウン メニューから、適用するテーマを選択します。
情報メモ公開済みアプリでテーマを変更することはできません。

カスタム テーマ

カスタム テーマは、ユーザーの会社の基準に基づいて作成することもできます。テーマを使えば、アプリ全体を通して全般設定または詳細設定で、フォント、フォントのサイズ、フォントの太さ、フォントのスタイルを指定するだけでなく、色を変えたり、画像や背景を追加したりすることでアプリを正確にデザインできます。また、カラー パレットを定義したり、マージンやパディング、スペースの仕様をカスタマイズしたりすることもできます。

詳細については、次を参照してください

情報メモ

シートとチャートを PDF 形式でエクスポートする場合、カスタム テーマがサポートされます。これは、手動でエクスポートされた PDF だけでなく、サブスクリプションまたは Qlik レポート サービス を使用して自動的にエクスポートされた PDF にも適用されます。ただし、カスタム テーマを使用するアプリから生成された PDF は、アプリで表示されるものとは異なる場合があります。 詳細については、「カスタム テーマの JSON プロパティ」を参照してください。

ヒント メモカスタム テーマはアプリに依存しません。これは、たとえばカスタムテーマで定義されている色を変更すると、そのテーマを使用するすべてのアプリで、そのアプリが公開されている場合でも、それらの色が更新されることを意味します。

カスタム テーマを作成した場合は、拡張機能として Qlik Sense に保存します。JSON ファイルや CSS ファイルなどのすべての追加リソースは、圧縮して Qlik 管理コンソール (QMC) に拡張としてインポートします。これによって、セキュリティ ルールを QMC に追加して、特定のユーザーがどのテーマを利用可能かを制御できるようになります。

カスタムテーマは、[アプリのテーマ] ドロップダウンメニューの [カスタム] の下に表示されます。

アプリのテーマのドロップダウンメニュー

アプリのテーマのドロップダウン メニュー。

ホバーメニューをオフにする

ユーザーがビジュアライゼーションにカーソルを置いたときに表示されるホバーメニューをオフにすることができます。これは、アプリのすべてのビジュアライゼーションに影響します。

  1. 未公開アプリで、詳細設定 の順にクリックし、アプリ オプションを開きます。
  2. [ビジュアライゼーションのためにホバーメニューをオフにします] をクリックします。

編集モードでは、単一のビジュアライゼーションのホバーメニューをオフにすることができます。

  1. 編集モードで、ビジュアライゼーションを選択します。
  2. プロパティパネルにて、[外観] > [一般] に移動します。
  3. [ホバーメニューをオフにします] を選択します。

チャート アニメーションの変更

チャート アニメーションは、データが変更されたとき (選択が行われた後など) に、古いビューから新しいビューに段階的に移行するビジュアライゼーションです。

チャート アニメーションは、アプリの設定でオフにできます。次のチャートの種類を利用できます。

  • 棒グラフ

  • ブレット チャート

  • 折れ線グラフ

  • 円グラフ

  • 散布図

  • ファネル チャート (Visualization bundle)

  • グリッド チャート (Visualization bundle)

  • サンキー グラフ (Visualization bundle)

  1. 未公開アプリで、詳細設定 の順にクリックし、アプリ オプションを開きます。
  2. [スタイル] > [チャート アニメーション] で、 [オン] または [オフ] を選択します。

シートのツールバーとヘッダーの非表示

アプリのツールバーとシートヘッダーを非表示にできます。つまり、これらの領域は、権限に関係なく、どのシートでも、どのユーザーでも、表示されないことになります。アプリで編集可能権限を持つユーザーは、これらの要素をオン/オフに切り替えることができます。

ツールバー

ツールバーは、次のボタンを含むシートの上に領域にあります。

  • メモ

  • インサイト アドバイザー

  • 選択

  • ブックマーク

  • シート

  • シートの編集

  1. ナビゲーションバーでアプリ名をクリックし、 設定 をクリックしてアプリオプションを開きます。
  2. [スタイル] で、[ツール バーを表示] をオフにします。

シート ヘッダー

シートヘッダーとは、シート上の領域で、シートタイトル、タイトル画像、シートナビゲーション矢印が含まれます。

シート ヘッダーを非表示にすると、ナビゲーション矢印はツール バーに移動します。

  1. ナビゲーションバーでアプリ名をクリックし、 設定 をクリックしてアプリオプションを開きます。
  2. [シートタイトルのスタイル] で、[シート ヘッダーを表示] をオフにします。

使用に適しているケース

長所

ツールバーやシートヘッダーを隠すことで、チャートやフィルター パネルなどのスペースが確保できます。

シートヘッダーをオフにすると、シートのダウンロードや共有、サブスクリプションの送信、Qlik アプリケーションの自動化 レポートの作成時に、この領域が表示されなくなります。これは、シートを使って PowerPoint プレゼンテーションやダッシュボードを作成する場合に便利です。

ツールバーを削除すると、他のユーザーが簡単にアクセスできる機能を、アプリ開発者によるコントロールが向上します。例えば、[シートの編集] ボタンを非表示すると、他のアプリ開発者がアプリを編集しにくくなります。

短所

ツールバーを非表示にしても、ブックマーク、メモ、Insight Advisor、シート編集などの機能は完全に削除されません。例えば、ブックマークはこれまで通りアプリの概要で確認することができます。しかし、アプリ消費者は、これらの機能が使えなくなったと思うかもしれません。

ツールバーとシート ヘッダーを非表示にすると、シート間をナビゲーションする唯一の方法はキーボード ショートカットかボタン オブジェクトです。

選択領域が非表示になっていると、ユーザーはアプリに選択領域が適用されていることに気づかない可能性があります。シートにフィルター ペインを追加したり、個々のチャートにフィルターを追加したりする必要が考えられます。

ツールバーとシート ヘッダーが表示されたシート。ツールバーには、メモ、Insight Advisor、現在の選択などが表示されます。シート ヘッダーには、シート タイトル、タイトル画像、シート ナビゲーション矢印が含まれます。

ツールバーとシート ヘッダーが上に表示されている Qlik Sense シート。

上記と同じシートですが、ツールバーが表示され、シート ヘッダーが非表示となっています。ユーザーにタイトル画像、シート タイトル、ナビゲーション矢印が表示されなくなります。

シート ヘッダーが非表示となっている Qlik Sense シート。

上記と同じシートですが、シート ヘッダーが表示され、ツールバーが非表示となっています。どの選択が適用されたか見えません。

シート ヘッダーが非表示となっている Qlik Sense シート。

上記と同じシートですが、シート ヘッダーとツールバー両方が非表示となっています。

ツールバーとシート ヘッダーが非表示となってる Qlik Sense シート。

シート タイトルの色の変更

シート タイトルの背景色は、単色に設定するか、2 色を選択してグラデーション色に設定することができます。シート タイトルのフォントは、単色にのみ設定できます。

情報メモモバイル デバイスを使用している場合は、シート タイトルの背景に 2 色を設定していても、単色で表示されます。

色を選択するときには、次のオプションも選択できます。 

  • 既定の色パレットから色を選択します。
  • #入力項目に 6 文字を入力することにより、16 進数で色を設定します。
  • パレットをクリックして他のカラー オプションを表示します。
    • 色ホイールをクリックして色を選択します。
    • スライダをドラッグして、色の彩度を変更します。

既定の色パレットからの色の選択

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. パレットでいずれかの色をクリックします。

    その色が選択されます。

  3. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

これで、既定の色パレットで選択することにより、色が設定されました。

既定の色パレットおよび青色が選択されている色ダイアログボックス。

既定の色パレット。

16 進数での色の入力

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. 16 進数の入力項目#に次の 6 文字を入力します。

    色はパレットで選択します。

  3. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

これで、16 進数値を入力することにより、色が設定されました。

高度な色オプションの使用

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. ダイアログの下部で [ パレット ] をクリックします。

    ダイアログが変わり、高度なオプションが表示されます。

  3. 以下のいずれかを行います。

    • 色ホイールをクリックします。

      色が変わり、それに応じて 16 進数の色コードが更新されます。

    • スライダをドラッグします。

      彩度が変わり、それに応じて 16 進数の色コードが更新されます。

    どちらの方法でも色が選択されます。

  4. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

色ホイールとスライダを使用することにより、色が設定されました。

高度なオプションが表示され、青色が選択されている色ダイアログ。

色ホイール。

画像の追加

ロゴなどの画像をシート タイトルに追加することができます。 次の形式がサポートされています。pngjpgjpeg、およびgif

  1. [画像] の横の画像プレースホルダをクリックします。

    [メディア ライブラリ] が開きます。

  2. メディア ライブラリ内 (例: [アプリ内] や [デフォルト]) 内のフォルダーをクリックします。
  3. シート タイトルに追加する画像を選択します。

    画像のプレビューが表示されます。

  4. [挿入] をクリックします。

    画像が追加されます。

これで、画像がシート タイトルに追加されました。

このページは役に立ちましたか?

このページまたはコンテンツに、タイポ、ステップの省略、技術的エラーなどの問題が見つかった場合は、お知らせください。改善に役立たせていただきます。