アプリ画面の上部領域を取得

現在表示しているアプリ画面（一覧、詳細、新規、編集画面）の上部領域を取得します。

構文

atPocket.app.getTopSpaceElement();

引数

なし

戻り値

レコード一覧、詳細、新規、編集画面のカスタム表示領域を表す DOM要素オブジェクト を返します。
取得した要素を操作することで、画面上部にカスタムコンポーネントを動的に配置できます。

使用可能画面

• レコード一覧
• レコード詳細画面
• レコード作成画面
• レコード編集画面

使用例

// Topのカスタム領域を取得
const headerSpace = atPocket.app.getTopSpaceElement();

// カスタムメッセージ要素を作成
const customMessage = document.createElement('div');
customMessage.textContent = 'カスタムメッセージを表示中...';
customMessage.style.padding = '10px';
customMessage.style.backgroundColor = '#f0f0f0';
customMessage.style.border = '1px solid #ddd';
customMessage.style.textAlign = 'center';

// Topの領域にメッセージを追加
headerSpace.appendChild(customMessage);

結果画面