Create stamp page is not responsive

rishumishra2001 · June 25, 2025, 5:22am

Product: Web viewer

Product Version: 11.0.4

Please give a brief summary of your issue: Create custom stamp pop-up is not responsive.

Please describe your issue and provide steps to reproduce it: I’m currently using Apryse WebViewer (version [11.0.4]) and I’ve noticed that the “Create Custom Stamp” pop-up is not responsive. When viewed on smaller screens or resized browser windows, the pop-up either overflows the viewport or its content gets cut off, making it difficult to interact with form fields or buttons. User unable to submit the stamp.

Please provide a link to a minimal sample where the issue is reproducible:https://showcase.apryse.com/

system · June 25, 2025, 5:22am

Hello, I’m AiRon, an automated tech support bot While you wait for one of our customer support representatives, I can help you with your question.

It seems like you’re experiencing an issue with the responsiveness of the “Create Custom Stamp” pop-up in Apryse WebViewer. This can happen if the pop-up’s CSS isn’t properly adjusted for different screen sizes.

Some things you can try:

Ensure that the CSS styles for the pop-up are set to be fluid and responsive. Use percentage-based widths, max-width, and media queries to adjust styles based on screen size.

Check if the WebViewer’s container element is properly set to adjust with different screen sizes. Use CSS Flexbox or Grid layout for better responsiveness.

Test the pop-up on different devices and use browser developer tools to simulate various screen sizes and troubleshoot style issues.

Consider using JavaScript to dynamically adjust the pop-up size and position based on the viewport dimensions.

Here are some resources that might help you:

Create Custom PDF Stamps using JavaScript: This guide provides information on customizing stamps, which might help in understanding how to adjust their appearance.

Stamp Annotations: Learn more about how stamp annotations work and how they can be customized.

Creating custom annotations for your viewer: This resource explains how to create and customize annotations, which can be relevant to adjusting UI elements.

Advanced UI customization: For more detailed UI adjustments, this guide can help.

Hopefully, this helps you solve your problem while you wait for a human to get back to you.

kkim · June 25, 2025, 3:15pm

Hi there,

This issue has been tracked by the development team and the fix for it is expected to be available for the next stable release.

For a current workaround, you could try the following CSS:

.CustomStampModal .modal-container {
    overflow: scroll !important;
}

best regards,
Kevin