ステップインジケーターアーキテクト

複数画面フォーム用のロジック駆動型プロセストラッカーを生成

設定

Power Apps HTMLテキスト 

                        

                    

                


                
                

                    

                        


                        

                            

                        


                        

                            

                                
                                選択したスタイル
                            

                            

                                
                                ステップロジック
                            

                        

                    

                

            


            
            

                


                    
                    

                        
1

                        
1. デザインとコピー

                        

                            ステップ、色、ラベルを調整します。設定が完了したら、「コピー」をクリックします。コードはPower Apps用に事前にフォーマットされています。
                        

                    


                    
                    

                        
2

                        
2. HTMLコントロールの挿入

                        

                            Power Appsで、[挿入] > [表示] > [HTMLテキスト]を選択します。コピーしたコードを、そのコントロールの HtmlText プロパティに直接貼り付けてください。
                        

                    


                    
                    

                        
3

                        
3. ロジックを制御する

                        

                            ステップを変更し、次のステップにコピーします。各ステップごとに個別の HTML テキスト コンポーネントを使用してください。
                        

                    


                


                
                

                    


                    

                        

                            

                                
                                プロのヒント: クリック可能にする
                            

                            

                                Power Apps の HTML テキスト コントロールは通常「クリック可能」ではありません。このステッパーをインタラクティブにするには、各ステップ セグメントの上に透明なボタンを配置します。これにより、ハイエンドな UI を維持しながら、カスタム ナビゲーション メニューのような外観を実現できます。
                            

                        

                        

                            

                                
                                    

                                        プロパティ
                                        設定
                                    

                                
                                
                                    

                                        FillColor
                                        RGBA(0,0,0,0)
                                    

                                    

                                        HoverFill
                                        RGBA(255,255,255,0.1)
                                    

                                    

                                        Text
                                        "" (Blank)