【kViewer】スマートフォンでもPCのように一覧でビューを表示したい!

※リストビューにおいて、2024年9月18日(水)以降に新規作成されたビューの場合、もしくは「新バージョン」を選択している場合、モバイル用レコード詳細の設定機能はありません。
スマートフォンでビューを表示した場合は、自動的にスマートフォンに適した表示形式が適用されます。

お久しぶりの登場です、嶋田です。皆様いかがお過ごしでしょうか。最近は急に寒くなって、もうダウンデビューしてしまいました。皆様も風邪など引かれませんよう、お気をつけくださいね！

さて、久しぶりのブログですが、今回はkViewerによくいただくお問合せ「スマートフォンでもPCのような画面で見れない？」について、今回対応できるようになったのでご案内いたします！

なお、こちらのJavaScriptに関してはサポートの対象外となり、動作の保証は行っておりません。ご了承いただき、お試しくださいませ。

基本的には画面サイズに合わせたレスポンシブ対応

標準機能では、画面サイズに合わせて見やすいサイズに自動的に変更されるようになっているのですが、スマートフォンの場合は、パソコンで見るように、表のような一覧表示ではなく、1レコードずつのかたまりで表示されます。

1レコードずつのデータとしては見やすいのですが、表としてのデータや流れを見たい！という場合もありますよね。今回そんな要望を実現するカスタマイズを行ってみました。

PCと同様の画面表示が可能に！

一覧で表示されています。縦横のスクロールも可能。

設定方法

kViewerで作成したビューの「基本の設定」から「JavaScriptを利用する」にチェックを入れ、「直接URLで指定するJavaScriptファイルを追加」をクリックして表示される枠にURLを入力して保存します。

JavaScriptのURLは「https://viewer.kintoneapp.com/static/js/disable-mobile-layout.js」を指定してください。

URLを貼り付けます。保存を忘れずに

最後に

今回は、kViewerのビューをスマートフォンでもPCのような画面で見せるためのカスタマイズについてご案内しました。

繰り返しになりますが、こちらのJavaScriptはサポートの対象外となります。こちらの記述等に関するお問合せをいただいても対応いたしかねますのでご注意ください。

まだkViewerを触ったことがない！という方がもしいらっしゃいましたら、こちらからどうぞ！！

それではまた。

※リストビューにおいて、2024年9月18日(水)以降に新規作成されたビューの場合、もしくは「新バージョン」を選択している場合、モバイル用レコード詳細の設定機能はありません。
スマートフォンでビューを表示した場合は、自動的にスマートフォンに適した表示形式が適用されます。