Skip to content

Instantly share code, notes, and snippets.

@ypcode
Last active April 7, 2019 22:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ypcode/935d44fb309f523e1abf2fdca98d1b58 to your computer and use it in GitHub Desktop.
Save ypcode/935d44fb309f523e1abf2fdca98d1b58 to your computer and use it in GitHub Desktop.
//...
public render(): React.ReactElement<ITutoTestProps> {
let { items, columns, isCompactMode, isModalSelection } = this.state;
return (
<div className={styles.tutoTest}>
<CommandBar
items={this.getItems()} />
<MarqueeSelection selection={this._selection}>
<DetailsList
items={items}
compact={isCompactMode}
columns={columns}
selectionMode={isModalSelection ? SelectionMode.multiple : SelectionMode.none}
setKey="set"
layoutMode={DetailsListLayoutMode.justified}
isHeaderVisible={true}
selection={this._selection}
selectionPreservedOnEmptyClick={true}
onItemInvoked={this._onItemInvoked}
enterModalSelectionOnTouch={true}
ariaLabelForSelectionColumn="Toggle selection"
ariaLabelForSelectAllCheckbox="Toggle selection for all items"
/>
</MarqueeSelection>
<Tutorial tutorial={this.getTutorial()} showReplayTutorial={true}
replayTutorialLabel="I need some help !"
replayTutorialLabelProps={{ className: styles.replayTutorialLink }} />
</div>
);
}
private getTutorial: () => ITutorial = () => {
return tutorialScript;
}
//...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment