#545618 | Add configurable identifier to splitters (#1181)

(cherry picked from commit f4dd0e3)
Sitecore · Oct 4, 2022 · e0d7a62 · e0d7a62
1 parent 984c0c9
commit e0d7a62
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/ColumnSplitter.tsx b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/ColumnSplitter.tsx
@@ -33,9 +33,10 @@ export const Default = (props: ComponentProps): JSX.Element => {
     props.params.Styles8,
   ];
   const enabledPlaceholders = props.params.EnabledPlaceholders.split(',');
+  const id = props.params.RenderingIdentifier;
 
   return (
-    <div className={`row component column-splitter ${styles}`}>
+    <div className={`row component column-splitter ${styles}`} id={id ? id : undefined}>
       {enabledPlaceholders.map((ph, index) => {
         const phKey = `column-${ph}-{*}`;
         const phStyles = `${columnWidths[+ph - 1]} ${columnStyles[+ph - 1] ?? ''}`.trimEnd();

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/RowSplitter.tsx b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/RowSplitter.tsx
@@ -23,9 +23,10 @@ export const Default = (props: ComponentProps): JSX.Element => {
     props.params.Styles8,
   ];
   const enabledPlaceholders = props.params.EnabledPlaceholders.split(',');
+  const id = props.params.RenderingIdentifier;
 
   return (
-    <div className={`component row-splitter ${styles}`}>
+    <div className={`component row-splitter ${styles}`} id={id ? id : undefined}>
       {enabledPlaceholders.map((ph, index) => {
         const phKey = `row-${ph}-{*}`;
         const phStyles = `${rowStyles[+ph - 1] ?? ''}`.trimEnd();