@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
38 lines • 2.85 kB
JavaScript
import * as React from 'react';
import { PivotItem, } from '@fluentui/react/lib/Pivot';
export const SinglePageAppHelp = React.createElement(PivotItem, { headerText: 'Single Page Apps' },
React.createElement("div", { className: 'fps-pph-content' },
React.createElement("div", { className: 'fps-pph-topic' }, "Before you start!"),
React.createElement("div", { className: 'fps-pph-topic' }, "If you plan to build a full page app (Full expand web part at load time)"),
React.createElement("div", null,
"Be sure to follow these steps to improve performance and minimize any styling issues and delays:",
React.createElement("ol", null,
React.createElement("li", null, "Create a page from 'Apps' Template when you first create a page"),
React.createElement("ul", null,
React.createElement("li", null, "This will remove all navigation from the page, make the web part full page and load faster.")),
React.createElement("li", null,
"IF NOT, then Start with a ",
React.createElement("b", null, "Communication Site")),
React.createElement("ul", null,
React.createElement("li", null, "This is the only site that allows true 'Full Width webparts'")),
React.createElement("li", null,
React.createElement("b", null, "Clear the home page completely"),
" (do not have any other webparts)"),
React.createElement("li", null,
"Minimize what SharePoint loads",
React.createElement("ol", { style: { listStyleType: 'lower-alpha' } },
React.createElement("li", null, "Go to Gear"),
React.createElement("li", null, "Click 'Change the look'"),
React.createElement("li", null,
"Click Header",
React.createElement("ul", null,
React.createElement("li", null, "Set Layout to minimal"),
React.createElement("li", null, "Set 'Site title visiblity' to off"),
React.createElement("li", null, "Remove your site logo"),
React.createElement("li", null, "Save Header settings"))),
React.createElement("li", null,
"Click Navigation",
React.createElement("ul", null,
React.createElement("li", null, "Turn off Site Navigation"))))),
React.createElement("li", null, "Add SecureScript in the first Full Width section")))));
//# sourceMappingURL=SinglePageApp.js.map