nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Web AppBuilder Hinweise: Themes, Widgets und Attribute

RudyProsser

<\/HEAD>

Hinweis<\/STRONG>: Dieser Artikel bezieht sich auf Web AppBuilder for ArcGIS (Online Edition) vom Dezember 2018 und Web AppBuilder for ArcGIS (Developer Edition) 2.11 (Januar 2019).<\/EM><\/P><\/P>Web AppBuilder for ArcGIS unterstützt 10 sofort einsatzbereite Themes, die das Aussehen und Gefühl Ihrer Anwendung bestimmen. Die Wahl des Themes beeinflusst die Widgets, die Sie zu Ihrer App hinzufügen können, sowie die Attribute, die Sie anpassen können, um Ihre App zu branden. Die folgenden Tabellen dokumentieren die Beziehungen zwischen Themes, Farben und Layouts, Themes und Widgets sowie Themes und Attributen. Jedes Theme wurde mit einem bestimmten Verwendungszweck entworfen. Weitere Informationen finden Sie in den Web AppBuilder-Hilfeartikeln Theme<\/A>, Widget<\/A> und Attribut<\/A>.<\/P>

<\/P>

Theme-Farben und Layouts<\/H2>Jedes Theme unterstützt eine feste Anzahl von Standardfarben sowie eine anpassbare Farbe. Jedes Theme unterstützt außerdem von 1 bis 5 Layouts, die die Platzierung von Widgets und Attributen steuern.<\/P><\/P>Theme<\/STRONG><\/SPAN><\/P><\/TD>Farben<\/STRONG><\/SPAN><\/P><\/TD>Layouts<\/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>Dart< \/SPAN >< \/ P >< \/ TD >< TD style = "border - top :none ; border - left :none ; border - bottom :solid windowtext1 .00 pt ; border - right :solid windowtext1 .00 pt ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >8 < \/ SPAN >< \/ P >< \/ TD >< TDstyle = "border - top :none ; border - left :none ; border - bottom :solid windowtext1 .00 pt ; border - right :solid windowtext1 .00 pt ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >1 < \/ SPAN >< \/ P >< \/ TD >< \/ TR >< TR >< TDstyle = "border :solid windowtext1 .00 pt ; border - top :none ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >Foldable < \/ SPAN >< \/ P >< \/ TD >< TDstyle = "border - top :none ; border - left :none ; border - bottom :solid windowtext1 .00 pt ; border - right :solid windowtext1 .00 pt ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >8 < \/ SPAN >< \/ P >< \/ TD >< TDstyle = "border - top :none ; border - left :none ; border - bottom :solid windowtext1 .00 pt ; border - right :solid windowtext1 .00 pt ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >5 < \/ SPAN >< \/ P >< \/ TD >< \/ TR >< TR >< TDstyle = "border :solid windowtext1 .00 pt ; border - top :none ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .00 pt .00 in .00 in " >< SPANstyle = "font - size :9 .00 pt " >Dashboard < \/ SPAN >< \/ P >< \/ TD >< TDstyle = "border - top :none ; border - left :none ; border - bottom :solid windowtext1 .00 pt ; border - right :solid windowtext1 .00 pt ; padding :2 .90 pt5 .75 pt2 .90 pt5 .75 pt ; " >< Pstyle = "margin .. style="border-width: 1pt 1pt 1pt medium; border-style: solid solid solid none; border-color: windowtext windowtext windowtext currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; padding: 0in 5.4pt; width: 237px; height: 33px;">On-Screen Widgets
<\/STRONG><\/SPAN><\/P><\/TD>Widget Controler <\/STRONG><\/SPAN><\/P><\/TD><\/TR>Billboard<\/SPAN><\/TD>7 von 10<\/SPAN><\/TD>5 Plätze<\/SPAN><\/TD>Nein<\/SPAN><\/TD><\/TR>Box<\/SPAN><\/TD>1 von 10<\/SPAN><\/TD>Nein<\/SPAN><\/TD>Box Controller mit zwei vorkonfigurierten Widgets
<\/SPAN><\/TD><\/TR>Dart<\/SPAN><\/TD>0 von 6<\/SPAN><\/TD>Nein<\/SPAN><\/TD>Dart Controller mit drei vorkonfigurierten Widgets
<\/SPAN><\/TD><\/TR>Foldable<\/SPAN><\/TD>8 von 11<\/SPAN><\/TD>5 Plätze<\/SPAN><\/TD>Header Controller mit zwei vorkonfigurierten Widgets
<\/SPAN><\/TD><\/TR>< TD Style = "Border-Width : Medium 1 Pt 1 Pt ; Border-Style : None Solid Solid ; Border-Color : CurrentColor WindowText WindowText ; -Moz-Border-Top-Colors : None ; -Moz-Border-Right-Colors : None ; -Moz-Border-Bottom-Colors : None ; -Moz-Border-Left-Colors : None ; Padding : O In 5 . 4 Pt ; Width : 68 Px ; Height : 37 Px ; "> Dashboard < / TD > < TD Style = "Border-Width : Medium O Pt O Pt Medium ; Border-Style : None Solid Solid None ; Border-Color : CurrentColor WindowText WindowText CurrentColor ; Padding : O In 5 . 4 Pt ; Width : 124 Px ; Height : 37 Px ; "> 2 Von 12 < / TD > < TD Style = "Border-Width : Medium O Pt O Pt Medium ; Border-Style : None Solid Solid None ; Border-Color : CurrentColor WindowText WindowText CurrentColor ; Padding : O In 5 . 4 Pt ; Width : 237 Px ; Height : 37 Px ; "> 5 Plätze / Zusätzliche Widget-Plätze (5) < / TD > < TD Style = "Border-Width : Medium O Pt O Pt Medium ; Border-Style : None Solid Solid None ; Border-Color : CurrentColor WindowText WindowText CurrentColor ; Padding : O In 5 . 4 Pt ; Width : 267 Px ; Height : 37 Px ; "> Nein 
 < / TD > < / TR >< TR Style = "Height : 59 Px ; "> < TD Style = "Border-Width : Medium O Pt O Pt ; Border-Style : None Solid Solid ; Border-Color : CurrentColor WindowText WindowText ; -Moz-Border-Top-Colors : None ; -Moz-Border-Right-Colors : None ; -Moz-Border-Bottom-Colors : None ; -Moz-Border-Left-Colors : None ; Padding : O In 5 . 4 Pt ; Width : 68 Px ; Height : 59 Px ; "> Launchpad < / TD > < TD Style = "Border-Width : Medium O Pt O Pt Medium ; Border-Style : None Solid Solid None ; Border-Color : CurrentColor WindowText WindowText CurrentColor ; Padding : O In 5 . 4 Pt ; Width : 124 Px ; Height : 59 Px ; "> 8 von11 border-style: none solid solid none; border-color: currentcolor windowtext windowtext currentcolor; padding: 0in 5.4pt; width: 267px; height: 59px;">Header Controller mit 2 vorkonfigurierten Widgets
<\/SPAN><\/TD><\/TR>Tab<\/SPAN><\/TD>11 von 13<\/SPAN><\/TD>3 Plätze <\/SPAN><\/TD>Sidebar Controller mit 2 vorkonfigurierten Widgets
<\/SPAN><\/TD><\/TR>Pocket<\/SPAN><\/TD>1 von 10<\/SPAN><\/TD>1 Platz <\/SPAN><\/TD>Keine
<\/SPAN><\/TD><\/TR><\/TBODY><\/TABLE> <\/P>Themes und Attribute<\/H2>Die Wahl des Themes bestimmt, ob Ihre App ein Logo, einen Titel, einen Untertitel und Links zu zusätzlichen Informationen haben kann.<\/P><\/P>Theme<\/STRONG><\/SPAN><\/P><\/TD>Attribut <\/STRONG><\/SPAN><\/P><\/TD><\/TR>Billboard<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 .0 pt;border-right :solidwindowtext1 .0 pt;padding :0 in5 .4 pt0 in5 .4 pt ;">Kein Logo, Kein Titel, Kein Untertitel, Keine Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >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 pt0 in5 .4 pt ;">Kein Logo, Titel, Kein Untertitel, Keine Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >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 pt0 in5 .4 pt ;">Kein Logo, Titel, Kein Untertitel, Keine Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >Foldable<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 o p t;border-right :solidwindowtext1 o p t;padding in5 .4 pto in5 .4 p t ;">Logo, Titel, Untertitel, Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >Dashboard<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 o p t;border-right :solidwindowtext1 o p t;padding in5 .4 pto in5 .4 p t ;">Kein Logo, Kein Titel, Kein Untertitel, Keine Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >Launchpad<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 o p t;border-right :solidwindowtext1 o p t;padding in5 .4 pto in5 .4 p t ;">Logo, Titel, Untertitel, Links (erweiterbares Link-Objekt)<\/SPAN ><\ /P ><\ /TD ><\ /TR >Jewelry Box<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 o p t;border-right :solidwindowtext1 o p t;padding in5 .4 pto in5 .4 p t ;">Logo, Titel, Untertitel, Links<\/SPAN ><\ /P ><\ /TD ><\ /TR >Plateau<\/SPAN ><\ /P ><\ /TD ><\ TDstyle= "border-top:none;border-left:none;border-bottom :solidwindowtext1 o p t;border-right :solidwindowtext1 o p t;padding in5 .4 pto in5 .4 p t ;">Logo , Ti tel , Un terti tel , Li nks <2FSP AN > <2FP > <2F TD > <2FT R > <2FT D sty le =" bo rder:s olid win dowt ext 311.o pti "; bo rder-t op:n one;p addi ng:o i n315.347p to i n315.347p t;">Tab <2FSP AN > <2FP > <2F TD > <2FT R > <2FT D sty le =" bo rder:s olid win dowt ext 311.o pti "; bo rder-t op:n one;p addi ng:o i n315.347p to i n315.347p t;">Pocket <2FSP AN > <2FP > <2F TD > <2FT R > <2FT D sty le =" bo rder:s olid win dowt ext 311.o pti "; bo rder-t op:n one;p addi ng:o i n315.347p to i n315.347p t;">Kein Logo , Kein Ti tel , Kei n Un terti tel , Kei ne Li nks <2FSP AN > <2FP > <2F TD > <2FT R > <2FT B OD Y > <2FT AB LE > <2FB OD Y > <2FHT ML >

Finde mehr Beiträge mit dem Tag

Kommentare

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

Anonymous User

Randy McGregor‌ - you have seen that if you click a layer's name, it expands to show its legend swatch, right? Does that not do what you want, in terms of behavior?

This is a great summary post, thanks Rudy!

Anonymous User

I don't like the way "Legend" and "Layer List" are separate widgets that have to be selected. Is it possible to show the information from both on one widget? - All layers with their symbolization?

Thank you,

Randy McGregor

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.