Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What are the problem?

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

背景

はじめて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

参照サイト

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?