@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
52 lines • 3.66 kB
JavaScript
import * as React from 'react';
// import { escape } from '@microsoft/sp-lodash-subset';
import { PivotItem, } from '@fluentui/react/lib/Pivot';
import { FindInternalNameHelpLink } from '../../../../components/atoms/Links/LinksDevDocs';
export function getHelpRefinerColumns() {
const WebPartHelpElement = React.createElement(PivotItem, { headerText: 'Refiner Columns' },
React.createElement("div", { className: 'fps-pph-content' },
React.createElement("div", { className: 'fps-pph-topic' }, `Setting the Refiner 'Column Value'`),
React.createElement("div", null,
React.createElement("mark", null,
React.createElement("b", null, "NOTE:")),
" ColumnNames in this webpart ",
React.createElement("b", null, "MUST BE Internal Column names"),
"."),
React.createElement("div", null,
React.createElement("b", null, "Internal Column names"),
" ARE NOT the Column Titles you see. ",
FindInternalNameHelpLink),
React.createElement("div", { className: 'fps-pph-topic' }, "Simple column types (Text, Date, Number, Single/Multi Select Choice)"),
React.createElement("div", null,
React.createElement("b", null, "InternalColumnName"),
" - Nothing special require for these column types"),
React.createElement("div", { className: 'fps-pph-topic' }, `User columns (Single/Multi) on the main list (can not be part of lookup column)`),
React.createElement("div", null,
React.createElement("b", null, "UserColumnName/Title"),
` - /Title shows the person's Name`),
React.createElement("div", null, "See the Users tab in this page for more information on using User columns"),
React.createElement("div", { className: 'fps-pph-topic' }, "Lookup columns (Single/Multi) - that are brought in under the LookupColumn"),
React.createElement("div", null,
React.createElement("b", null, "LookupColumnName/Title"),
" - /Title shows the Title field from the lookup item"),
React.createElement("div", null,
React.createElement("b", null, "LookupColumnName/OtherField"),
" - /OtherField is the InternalColumnName of the lookup column from the other list"),
React.createElement("div", { className: 'fps-pph-topic' }, "To create File Folder Drilldown:"),
React.createElement("div", null,
"Set Refiner1 to ",
React.createElement("b", null, "FileRef")),
React.createElement("div", null,
"Set Refiner1 Rules to ",
React.createElement("b", null, "folderStructure")),
React.createElement("div", { className: 'fps-pph-topic', style: { textDecoration: 'underline' } }, "Example with real column names"),
React.createElement("div", { style: { paddingTop: '8px' } }, `Say you have a lookup column like 'CustomerPlant' which has a Title column (Plant name) and Country column (where it is located)`),
React.createElement("div", null,
"To show Customer Plant Title, use ",
React.createElement("b", null, "CustomerPlant/Title")),
React.createElement("div", null,
"To show Customer Plant Country, use ",
React.createElement("b", null, "CustomerPlant/Country"))));
return WebPartHelpElement;
}
//# sourceMappingURL=RefinerColumns.js.map