@mrwolf2 Your requirement can be implemented by creating a custom layout component (Form-Region) named "PreviewLayout" which should be supporting 1,2,3 columns and accepting instructions, fields and views for rendering the heading and children.

The preview link to the document should be a separate custom component which should have below parameters,

Name: PreviewLink

Type: Text Input

Parameters:

    Content Access Mode : External Link / Data Page/ Base64 Encoded Data          Content Type : Image (jpg, gif, png) / Document(doc, docx, pdf, ppt)          Display mode : Link/ Icon/ Primary button / Secondary button

Now this link has to be placed in the layout in a desired place in the PreviewLayout component sourcing the document from either and external link or data page or current property containing base64 encoded string.

You PreviewLayout component should be intelligent enough to identify the link click and render the document in a preview pane which will slide from right to left and will occupy the right hand side of the screen. You existing layout fields should be responsive enough to adjust themselves into a stacked layout while the preview occupies half of the screen. User should be able to close the preview and the layout re-adjusts itself normally as per initial layout configuration.

Below is the demonstration of the component built with above requirement as a POC.

@JayachandraSiddipeta We have an attachment property (ImageCapture) in the case type class. When an image is uploaded, this property stores the pxAttachmentKey. The goal is to display this image dynamically in the UI.

Steps

1. Create a Dynamic Image Property

• In the case type work class, create a property called DynamicImage (type: URL).
• This property will hold the Base64 image string.

2. Configure Declare Expression

• Use a Declare Expression to populate DynamicImage with the following expression:

"data:image/jpeg;base64,"+D_AttachmentContent[AttachInsKey:.ImageCapture.pxAttachmentKey,PopulateAttachStream:"true"].pyAttachStream

• Here:
  • D_AttachmentContent is the OOTB data page that retrieves attachment content.
  • pxAttachmentKey from ImageCapture identifies the uploaded image.
  • pyAttachStream provides the Base64 stream of the image.

3. Attempt Direct Display in Form View

• Place the DynamicImage property directly in the Form View.
• Set Display As → Image.

Issue: This approach does not work in Form View due to rendering limitations.

4. Create a Partial View

• Create a new Readonly View (e.g., DynamicImageView).
• Add the DynamicImage property to this view.
• Set Display As → Image for the property.

5. Embed Partial View in Form View

• In your Form View, include the DynamicImageView as a Partial View.
• This ensures the image renders correctly.

Result

The uploaded image now displays dynamically in the Form View using the Base64 stream.

✅ Key Takeaway: Form Views may not render dynamic Base64 images directly. Using a Partial View with Display As → Image resolves the issue.