Skip to content

Commit 01437ac

Browse files
authored
Update web-part-levels.md
1 parent aa6c70c commit 01437ac

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/design/web-part-levels.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ ms.date: 08/13/2018
88

99
When designing a web part sometimes there is a need to have a secondary interaction level, for example an item in a list or a individual photo in a gallery. This article goes deeper into how to use secondary state toolbars, default commands, scale, and interactions states to select an individual item.
1010

11-
Secondary web part configuration and toolbars follow the same patterns as single state web parts, such as Image or File viewer. Second level items can have their own toolbars and respective property pane to make it easy for authors to configure the web part with meaningful content and data. Keep in mind that there should be clear separation between configuration options in web part that have two levels. It is recommended to keep Source, Filtering and layout configuration at the 1st level and any additional options that pair with the web part as a whole.
11+
Secondary web part configuration and toolbars follow the same patterns as single state web parts, such as Image or File viewer. Second level items can have their own toolbars and respective property pane to make it easy for authors to configure the web part with meaningful content and data. Keep in mind that there should be clear separation between configuration options in web parts that have two levels. It is recommended to keep Source, Filtering and Layout configuration at the 1st level and any additional options that effect the web part as a whole.
1212

1313
Some example web part to use as reference are:
1414
Image gallery
@@ -19,7 +19,7 @@ Quick links
1919

2020
## Secondary toolbars
2121

22-
Secondary toolbar are used on individual items in a web part layout that need to support item level configuration in the property pane and other commands like move, to re-arrange items in a layout or to remove/delete an item. Custom commands can also be added in this toolbar that fit the needs of your web part..
22+
Secondary toolbar are used on individual items in a web part layout that need to support item level configuration in the property pane and other commands like move, to re-arrange items in a layout, or to remove/delete an item. Custom commands can also be added in this toolbar that fit the needs of your web part..
2323

2424
![Edit state of Image Gallery web part with property pane open](../images/02_WebpartLevels_SecondLevel.png)
2525

@@ -35,7 +35,7 @@ Below is an example from an individual 2nd level item in the Image gallery web p
3535

3636
Edit Item Level – opens the property pane with specific item level configuration options. Note that the bounding box stays in the active/selected state.
3737

38-
Move – The transparency of the item drops to 65% and a drop shadow surrounds the item
38+
Move – The transparency of the item drops to 65% and a drop shadow surrounds the item.
3939

4040
Remove – When the X Remove icon is selected the toolbar hides and the item fades out making room for the specific layout to reflow.
4141

0 commit comments

Comments
 (0)