diff --git a/src/codegen/Common.ts b/src/codegen/Common.ts
index 84094d96a9..b875fea2c4 100644
--- a/src/codegen/Common.ts
+++ b/src/codegen/Common.ts
@@ -427,7 +427,34 @@ const common = {
maxHeight: 2,
},
}),
-
+ ILikertColumnProperties: () =>
+ new CG.obj(
+ new CG.prop(
+ 'columns',
+ new CG.arr(
+ new CG.obj(
+ new CG.prop(
+ 'value',
+ new CG.union(new CG.str().setPattern(/^\d+$/), new CG.num())
+ .setTitle('Value')
+ .setDescription('The value of the answer column'),
+ ),
+ new CG.prop(
+ 'divider',
+ new CG.enum('before', 'after', 'both')
+ .setTitle('Divider')
+ .setDescription(
+ "Choose if the divider should be shown 'before', 'after' or on 'both' sides of the column.",
+ )
+ .optional(),
+ ),
+ ),
+ )
+ .optional()
+ .setTitle('Columns')
+ .setDescription('Add customization to the columns of the likert component'),
+ ),
+ ),
// Types that component definitions extend:
ComponentBase: () =>
new CG.obj(
diff --git a/src/layout/Likert/Generator/LikertGeneratorChildren.tsx b/src/layout/Likert/Generator/LikertGeneratorChildren.tsx
index 017177cd15..28a7730617 100644
--- a/src/layout/Likert/Generator/LikertGeneratorChildren.tsx
+++ b/src/layout/Likert/Generator/LikertGeneratorChildren.tsx
@@ -97,6 +97,7 @@ const GenerateRow = React.memo(function GenerateRow({ rowIndex, questionsBinding
hidden: parentItem.hidden,
pageBreak: parentItem.pageBreak,
renderAsSummary: parentItem.renderAsSummary,
+ columns: parentItem.columns,
}),
[parentItem, childId],
);
diff --git a/src/layout/Likert/LikertComponent.tsx b/src/layout/Likert/LikertComponent.tsx
index 450ee7c39b..378a290daf 100644
--- a/src/layout/Likert/LikertComponent.tsx
+++ b/src/layout/Likert/LikertComponent.tsx
@@ -31,6 +31,7 @@ export const LikertComponent = ({ node }: LikertComponentProps) => {
const firstLikertNodeId = rowNodeIds[0];
const firstLikertNode = useNode(firstLikertNodeId) as LayoutNode<'LikertItem'> | undefined;
const { options: calculatedOptions, isFetching } = useNodeOptions(firstLikertNode);
+ const columns = useNodeItem(node, (item) => item.columns);
const id = node.id;
@@ -122,15 +123,24 @@ export const LikertComponent = ({ node }: LikertComponentProps) => {