Fixed Vertical Overflow

Belleye · Jun 17, 2024 · 091eedc · 091eedc
1 parent 49fe90a
commit 091eedc
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/SolutionZips/Unmanaged/timeline 20240617.zip b/SolutionZips/Unmanaged/timeline 20240617.zip
diff --git a/src/timelinecontrol/ControlManifest.Input.xml b/src/timelinecontrol/ControlManifest.Input.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <manifest>
- <control namespace="belleye" constructor="timelinecontrol" version="1.0.0" display-name-key="CanvasTimelinePCF" description-key="https://github.com/Belleye/CanvasTimelinePCF" control-type="standard" >
+ <control namespace="belleye" constructor="timelinecontrol" version="1.0.1" display-name-key="CanvasTimelinePCF" description-key="https://github.com/Belleye/CanvasTimelinePCF" control-type="standard" >
 
  <!--external-service-usage node declares whether this 3rd party PCF control is using external service or not, if yes, this control will be considered as premium and please also add the external domain it is using.
  If it is not using any external service, please set the enabled="false" and DO NOT add any domain below. The "enabled" will be false by default.
@@ -34,6 +34,7 @@
  <property name="optionStackSubgroups" display-name-key="Stack Sub-Groups" description-key="Stacking option for sub groups" of-type="TwoOptions" usage="input" required="false" />
  <property name="optionVerticalScroll" display-name-key="Vertical Scroll" description-key="Vertical scroll option" of-type="TwoOptions" usage="input" required="false" />
  <property name="optionHorizontalScroll" display-name-key="Horizontal Scroll" description-key="Horizontal scroll option" of-type="TwoOptions" usage="input" required="false" />
+ <property name="optionMaxHeight" display-name-key="Max Height" description-key="Max height of the timeline" of-type="Whole.None" usage="input" required="false" />
 
  <property name="listItems" display-name-key="List Items" description-key="List items that can dragged into the timeline, JSON format" of-type="SingleLine.Text" usage="bound" required="true" />
  <property name="listCSS" display-name-key="List Item CSS" description-key="List items CSS Formatting" of-type="SingleLine.Text" usage="bound" required="true" />

diff --git a/src/timelinecontrol/generated/ManifestTypes.d.ts b/src/timelinecontrol/generated/ManifestTypes.d.ts
@@ -16,6 +16,7 @@ export interface IInputs {
  optionStackSubgroups: ComponentFramework.PropertyTypes.TwoOptionsProperty;
  optionVerticalScroll: ComponentFramework.PropertyTypes.TwoOptionsProperty;
  optionHorizontalScroll: ComponentFramework.PropertyTypes.TwoOptionsProperty;
+ optionMaxHeight: ComponentFramework.PropertyTypes.WholeNumberProperty;
  listItems: ComponentFramework.PropertyTypes.StringProperty;
  listCSS: ComponentFramework.PropertyTypes.StringProperty;
 }

diff --git a/src/timelinecontrol/index.ts b/src/timelinecontrol/index.ts
@@ -18,6 +18,7 @@ interface IInputs {
  optionStackSubgroups: ComponentFramework.PropertyTypes.TwoOptionsProperty;
  optionVerticalScroll: ComponentFramework.PropertyTypes.TwoOptionsProperty;
  optionHorizontalScroll: ComponentFramework.PropertyTypes.TwoOptionsProperty;
+ optionMaxHeight: ComponentFramework.PropertyTypes.WholeNumberProperty;
 
  listItems: ComponentFramework.PropertyTypes.StringProperty;
  listCSS: ComponentFramework.PropertyTypes.StringProperty;
@@ -40,6 +41,7 @@ interface TimelineOptions {
  horizontalScroll: boolean;
  autoResize: boolean;
  minHeight: number;
+ maxHeight: number;
  orientation: string;
  zoomKey: 'ctrlKey';
  width: string;
@@ -206,6 +208,7 @@ export class timelinecontrol implements ComponentFramework.StandardControl<IInpu
  const parentDiv = document.createElement('div');
  parentDiv.id = 'parent-container';
  parentDiv.style.display = 'flex';
+
 
  // Create the list items container div
  const listItemsDiv = document.createElement('div');
@@ -449,6 +452,7 @@ export class timelinecontrol implements ComponentFramework.StandardControl<IInpu
  horizontalScroll: context.parameters.optionHorizontalScroll.raw !== null ? context.parameters.optionHorizontalScroll.raw : true,
  autoResize: true,
  minHeight: 100,
+ maxHeight: context.parameters.optionMaxHeight.raw || 400,
  orientation: 'both',
  zoomKey: 'ctrlKey' as const,
  width: '100%',