【Glide】カレンダースタイルの設定方法

最近、注目を浴びているノーコード。

簡単にアプリが作れる人気のノーコードツールGlideなら、プログラミングなしでアプリが作れると言われています。

ここではGlideの使い方「レイアウトのカレンダーの設定方法」を紹介します。

Glide

Glide(グライド)は、ノーコードツールで、Googleのスプレッドシートを用いて、アプリを作成できるサービスです。

クリックアンドドラッグで操作ができ、テンプレートやスプレッドシートとの連携が容易にできるためプログラミングは必要ありません。


プログラムコードの入力をせずに画面を操作してアプリが作成が可能で、簡単にアプリを作成することができる人気ツール。

Glideは、無料で登録して使用することができます。⇒ Glideの登録

カレンダーの設定変更

カレンダー設定

Glideにはレイアウトがいくつか設定されています。

レイアウトには、スタイルがあり右側の項目でレイアウトの変更可能。

レイアウトのSTYLE(スタイル)は8つのタイプがあり、選択ができます。


スタイルを選択すると、中央の画面が指定のスタイルに切り替わります。

ここでは、「カレンダー」レイアウトのスタイル表示を変更したり、追加したりする方法です。


スタイルのカレンダー(Calendar)の表示画面

カレンダーでは日付が表示されます。

カレンダーは、シートに日付のデータがない場合は表示されません。

表示設定を変えるには、右側のDATAで行います。

中央の画面に表示されているのは、右側のDATAのパーツ部分が反映されています。

DATA

カレンダーのDATA

DATAの項目は3つあります。

  • Title:タイトル
  • When:いつ
  • Order:オーダー


カレンダーでは、3つの部分を変更でき、ここの項目を変えることで表示の内容を変えれます。

変更したい箇所を選んで、表示するものを選択して変更します。


whenの部分には、日付のデータが入っているシートを選択します。日付のデータがないとカレンダーは表示されません。

カレンダーのシート

エディットシートにdateを使って、日付をシートに記載してください。

入力したら、Whenの部分をシートの日付に指定してください。

入力しても表示されない場合は、データの入力方法を確認してください。

スプレッドシートの表示形式を数字にして、その中の日付を選択してみてください。


Order

カレンダーのDATA

Orderは順序です。

表示する順序を変えることができます。

  • Newest first:新しいものから表示
  • Oldest first:古いものから表示

Orderは2つの設定が可能です。

FEATURES

FEATURES(機能)では、4つの項目が設定できます。

  • SEARCH
  • FILTER
  • INN-APP-FILTER
  • ACTION


ここではFEATURESの4つの項目を紹介します。

SEARCH

SEARCHでは、検索窓の設定です。

□ Show search bar(検索バーの表示)

Show search barにチェックを入れると上部に検索窓が表示されます。

その検索窓に表示する文字は下のPlaceholderに書き込みます。

FILTER

フィルターではフィルターを追加することができます。

フィルターでは、プロパティに基づいて表示されるアイテムを制限します。

+Add Filterでフィルターを追加できます。

⇒ フィルタのかけ方「is not empty 演算子の使用方法」

INN-APP FILTER

INN-APP FILTERは、アプリ内のフィルターです。

フィルターをかける方法を選択します。

画面の右上にフィルターマークが表示され、フィルターリングができます。

ACTION(アクション)

ここではクリックしたときのアクションを選択できます。

選択してアクションを決めます。

クリックしたときに選択したアクションを行います。

ADD

上部のADD(追加)をクリックするとAllow user to add itemsと表示されます。

チェックを入れるとCOMPONENTが開きます。

COMPONENTSにチェックを入れると、タブのシートに書き込み・追加できることができます。

項目は、グライドがシートの列に基づいて、コンポーネントを自動的に追加してくれます。

必要に応じて、入力した時に、書き込まれるシートを選択・変更します。

これで、ユーザーがリストのアイテムを追加することができます。  反映されるのは現在のタブページのみです。全てのタブページではありません。


タブの追加方法や設定は別記事で解説していますので参考にしてください。

⇒ タブの設定方法


今回は、「レイアウトスタイルのカレンダーの設定方法」を解説しました。

そのほかのGlideの記事はこちら。

⇒ Glideの使い方【アプリダッシュボード】アプリ作成手順

⇒ ノーコードGlide【Googleのスプレッドシートを使用したアプリ作成編】

⇒ Glideの外観変更

⇒ Glideのログイン認証設定

⇒ GlideのアプリのTAB設定

⇒ Glideのアプリのアイコン変更とアプリ情報入力方法

⇒ GlideのChatの設定

スポンサードリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です