Web AppBuilder ノート: Themes、Widgets、および Attributes

RudyProsser

<\/HEAD>

注意<\/STRONG>: この記事は、2018年12月版のWeb AppBuilder for ArcGIS (Online Edition)および2019年1月版のWeb AppBuilder for ArcGIS (Developer Edition) 2.11に関するものです。<\/EM><\/P><\/P>Web AppBuilder for ArcGISは、アプリケーションの外観と操作感を決定する10種類の標準テーマをサポートしています。テーマの選択は、アプリに追加できるウィジェットや、アプリのブランド化に使用できる属性に影響します。以下の表は、テーマと色およびレイアウト、テーマとウィジェット、テーマと属性の関係を示しています。各テーマは特定の用途を念頭に置いて設計されています。詳細については、Web AppBuilderのヘルプ記事Theme<\/A>、Widget<\/A>、およびAttribute <\/A>を参照してください。<\/P>

<\/P>

テーマの色とレイアウト<\/H2>各テーマは固定数のデフォルトカラーと1つのカスタマイズ可能なカラーをサポートしています。また、各テーマは1から5までのレイアウトをサポートし、ウィジェットや属性の配置を制御します。<\/P><\/P>テーマ<\/STRONG><\/SPAN><\/P><\/TD>色<\/STRONG><\/SPAN><\/P><\/TD>レイアウト<\/STRONG><\/SPAN><\/P><\/TD><\/TR>Billboard<\/SPAN><\/P><\/TD>8<\/SPAN><\/P><\/TD>4<\/SPAN><\/P><\/TD><\/TR>Box<\/SPAN><\/P><\/TD>8<\/SPAN><\/P><\/TD>2<\/SPAN><\/P><\/TD><\/TR>オンスクリーンウィジェット
Widget Controler ビルボード10中75スポットいいえボックス10中1いいえ2つの事前構成済みウィジェットを備えたボックスコントローラー
ダート6中0いいえ3つの事前構成済みウィジェットを備えたDart Controller
フォルダブル11中85スポット2つの事前構成済みウィジェットを備えたHeader Controller
ダッシュボード12中2Header Controller と 2つの事前設定済みウィジェット
<\/SPAN><\/TD><\/TR>Tab<\/SPAN><\/TD>13中11<\/SPAN><\/TD>3スポット <\/SPAN><\/TD>Sidebar Controller と2つの事前設定済みウィジェット
<\/SPAN><\/TD><\/TR>Pocket<\/SPAN><\/TD>10中1<\/SPAN><\/TD>1スポット <\/SPAN><\/TD>なし
<\/SPAN><\/TD><\/TR><\/TBODY><\/TABLE> <\/P>テーマと属性<\/H2>テーマの選択は、アプリにロゴ、タイトル、サブタイトル、および追加情報へのリンクがあるかどうかを決定します。<\/P><\/P>テーマ<\/STRONG><\/SPAN><\/P><\/TD>属性 <\/STRONG><\/SPAN><\/P><\/TD><\/TR>Billboard<\/SPAN><\/P><\/TD>ロゴなし、タイトルなし、サブタイトルなし、リンクなし<\/SPAN ><\/P ><\ / TD ><\ / TR >< TR >< TDstyle= "border-solidwindowtext1 .0 pt ;border-top:none;padding :0 in5 .4 pt ;" >< Pstyle= "margin .0 pt0 in ;" >< SPANstyle= "font-size :9 .0 pt ;" >Box<\ / SPAN ><\ / P ><\ / TD >< TDstyle= "border-top:none;border-left:none;border-bottom-solidwindowtext1 .0 pt ;border-right-solidwindowtext1 .0 pt ;padding :0 in5 .4 pt ;" >< Pstyle= "margin .0 pt0 in ;" >< SPANstyle= "font-size :9 .0 pt ;" >ロゴなし、タイトルあり、サブタイトルなし、リンクなし<\ / SPAN ><\ / P ><\ / TD ><\ / TR >< TR >< TDstyle= "border-solidwindowtext1 .0 pt ;border-top:none;padding :0 in5 .4 pt ;" >< Pstyle= "margin .0 pt0 in ;" >< SPANstyle= "font-size :9 .0 pt ;" >Dart<\ / SPAN ><\ / P ><\ / TD >< TDstyle= "border-top:none;border-left:none;border-bottom-solidwindowtext1 .0 pt ;border-right-solidwindowtext1 .0 pt ;padding :0 in5 .4 pt ;" >< Pstyle= "margin .0 pt0 in ;" >< SPANstyle= "font-size :9 .0 pt ;" >ロゴなし、タイトルあり、サブタイトルなし、リンクなし<\ / SPAN ><\ / P ><\ / TD ><\ / TR >< TR >< TDstyle= "border-solidwindowtext1 .0 pt ;border-top:none;padding :0 in5 .4 pt ;" >< Pstyle= "margin .0 pt０ in ;" >< SPANstyle= "font-size :9 .０ pt ;" >Foldable<\ / SPAN ><\ / P ><\ / TD >< TDstyle= "border-top:none;border-left:none;border-bottom-solidwindowtext１．０ pt ;border-right-solidwindowtext１．０ pt ;padding :０ in５．４ pt ;" >< Pstyle= "margin :３．０ pt０ in ;" >< SPANstyle= "font-size :９．０ pt ;" >ロゴ、タイトル、サブタイトル、リンク<\ / SPAN ><\ / P ><\ / TD ><\ / TR >< TR >< TDstyle= "border-solidwindowtext１．０ pt ;border-top:none;padding :０ in５．４ pt ;" >< Pstyle= "margin :３．０ pt０ in ;" >< SPANstyle= "font-size :９．０ pt ;" >Dashboard<\ / SPAN ><\ / P ><\ / TD >< TDstyle= "border-top:none;border-left:none;border-bottom-solidwindowtext１．０ pt ;border-right-solidwindowtext１．０ pt ;padding :０ in５．４ pt ;" >< Pstyle= "margin :３．０ pt０ in ;" >< SPANstyle= "font-size :９．０ pt ;" >ロゴなし、タイトルなし、サブタイトルなし、リンクなし<\ / SPAN ><\ / P ><\ / TD ><\ / TR >< TR >< TDstyle= "border-solidwindowtext１．０ pt ;border-top:none;padding :０ in５．４ pt ;" >< Pstyle= "margin :３．０ pt０ in ;" >< SPANstyle= "font-size :９．０ pt ;" >Launchpad<\ / SPAN ><\ / P ><\ / TD >< TDstyle= "border-top:none;border-left:none;border-bottom-solidwindowtext１．０ pt ;border-right-solidwindowtext１．０ pt ;padding :０ in５．４ pt ;" >< Pstyle= "margin :３．０ pt０ in ;" >< SPANstyle= "font-size :９．０ pt ;" >ロゴ、タイトル、サブタイトル、リンク（展開可能なリンクオブジェクト）<\ / SPAN > < \ / P > < \ / TD > < \ / TR > < TR > < TDstyle = " border -solid windowtext　１．０　ｐｔ　；　ｂｏｒｄｅｒ－ｔｏｐ：ｎｏｎｅ；　ｐａｄｄｉｎｇ：　０ ｉｎ　５．４ ｐｔ　；　"><Ｐ ｓｔｙｌｅ＝「ｍａｒｇｉｎ：３．０ ｐｔ　０ ｉｎ　３．０ ｐｔ　０ ｉｎ；」＞Ｊｅｗｅｌｒｙ Ｂｏｘ＜／ＳＰＡＮ＞＜／Ｐ＞＜／ＴＤ＞＜ＴＤ ｓｔｙｌｅ＝「ｂｏｒｄｅｒ－ｔｏｐ： ｎ ｏ ｎ ｅ； ｂ ｏ ｒ ｄ ｅ ｒ－ ｌ ｅ ｆ ｔ ： ｎ ｏ ｎ ｅ； ｂ ｏ ｒ ｄ ｅ ｒ－ ｂ ｏ ｔ ｔ ｏｍ ： Ｓ Ｏ Ｌ Ｉ Ｄ Ｗ Ｉ Ｎ Ｄ Ｏ Ｗ Ｔ Ｅ Ｘ Ｔ１．０ＰＴ； ＢＯＲＤＥＲ－ＲＩＧＨＴ ：ＳＯＬＩＤＷＩＮＤＯＷＴＥＸＴ１．０ＰＴ； ＰＡＤＤＩＮＧ ：００ＩＮ５．４ＰＴ；」＞＜ＰＳＴＹＬＥ＝「ＭＡＲＧＩＮ ：３０ＰＴ００ＩＮ３０ＰＴ００ＩＮ；」＞＜ＳＰＡＮＳＴＹＬＥ＝「ＦＯＮＴ－ＳＩＺＥ ：９。００ＰＴ；」＞ロゴ、タイトル、サブタイトル、リンク＜／ＳＰＡＮ＞＜／Ｐ＞＜／ＴＤ＞＜／ＴＲ＞＜ＴＲ＞＜ＴＤ ＳＴＹＬＥ＝「ＢＯＲＤＥＲ－ＳＯＬＩＤ ＷＩＮＤＯＷＴＥＸＴ１。００ＰＴ；ＢＯＲＤＥＲ－ＴＯＰ ：ＮＯＮＥ；ＰＡＤＤＩＮＧ ：００ＩＮ５。４ＰＴ；」＞＜ＰＳＴＹＬＥ＝「ＭＡＲＧＩＮ ：３０ＰＴ００ＩＮ３０ＰＴ００ＩＮ；」＞＜ＳＰＡＮＳＴＹＬＥ＝「ＦＯＮＴ－ＳＩＺＥ ：９。００ＰＴ；」＞Plateau＜／ＳＰＡＮ＞＜／Ｐ＞＜／ＴＤ＞＜ＴＤ ＳＴＹＬＥ＝「ＢＯＲＤＥＲ－ＴＯＰ ：ＮＯＮＥ；ＢＯＲＤＥＲ－ＬＥＦＴ ：ＮＯＮＥ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ ：ＳＯＬＩＤ ＷＩＮＤＯＷＴＥＸＴ１。００ＰＴ；ＢＯＲＤＥＲ－ＲＩＧＨＴ ：ＳＯＬＩＤ ＷＩＮＤＯＷＴＥＸＴ１。００ＰＴ；ＰＡＤＤＩＮＧ ：００ＩＮ５。４ＰＴ；」＞＜ＰＳＴＹＬＥ＝「ＭＡＲＧＩＮ ：３０ＰＴ００ＩＮ３０ＰＴ００ＩＮ；」＞＜ＳＰＡＮＳＴＹＬＥ＝「ＦＯＮＴ－ＳＩＺＥ ：９。００ＰＴ；」＞ロゴ、タイトル、サブタイトル、リンク＜／ＳＰＡＮ＞＜／Ｐ＞＜／ＴＤ＞＜／ＴＲ＞＜トラスタイル＝「ボーダーソリッドウィンドウテキスト１。００PTボーダートップノーンパディング00IN54PT」> <pスタイル=

Anonymous User

I did know that, but thanks for the reminder. I like having the legend always visible, showing what is turned on.

I found that it is VERY  easy to merge the legend and the layer list by simply dragging one widget over the other.

Thanks,

Randy