LoginSignup
1
2

More than 1 year has passed since last update.

モデル駆動型のPower Appsのナビの消し方

Last updated at Posted at 2021-10-04

背景

はじめてPower Appsを使う人に対して、「目の前にあるのはアプリですか?開発環境ではないですか?」という質問がありますでしょうか?

以下は僕の練習用アプリのスクリーンショットです。
上部のパープルのナビゲーションはアプリ自体と関係ないと思います。ほぼアプリ間の切り替えとか、Microsoftアカウント情報とか、システム設定などシステムラベルの機能です。エンドユーザにはまったく気にしない機能だから、カスタムメニューを使いたいと考えています。もし、非表示できれば嬉しいです。
image.png

試したこと

グーグルしますと、「アプリ起動用のURLに&hidenavBar=trueをつけると取り除くことができます。」というような回答が多いですけど、試した結果は残念でした。エラーが出てしまった。
image.png

もうちょっと英語のブログ(How to hide the purple Power Apps navigation bar at runtime
)を拝見しましたが、この解決策はモデル駆動型(MDA)に適用していないようです。(キャンバスアプリのみできそう)
一応キャンバスアプリを作成して、やってみました。
image.png

ナビが非表示のコントロールパラメータをつけると、できました。
image.png

解決方法

いくつかの英語記事を読んだ後、解決方法を見つけました。
下記のAPIをコピーして、右クリックの検証コンソールに貼り付けて、Enterキーを押す。
もちろん、4行目のAppUniqueNameを自分のアプリ名に置き換えることが必要です。

fetch(window.origin + "/api/data/v9.1/SaveSettingValue()", {
    method: "POST",
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ AppUniqueName: "Your App Unique Name", SettingName: "HideNavbar", Value: "true" })
})

AppUniqueNameはここで入手できる。
image.png

実行した後、アプリを再公開して、完成です。
image.png

消した後、スッキリしました。
image.png

参照サイト

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2