Skip to content

1010807: Added docs for 'theming and styling' & 'Integrating into existing react layouts'#2283

Open
BalajiLoganathanSF4826 wants to merge 5 commits intodevelopmentfrom
EJ2-1010807-diataxis-style
Open

1010807: Added docs for 'theming and styling' & 'Integrating into existing react layouts'#2283
BalajiLoganathanSF4826 wants to merge 5 commits intodevelopmentfrom
EJ2-1010807-diataxis-style

Conversation

@BalajiLoganathanSF4826
Copy link
Collaborator

@BalajiLoganathanSF4826 BalajiLoganathanSF4826 commented Feb 18, 2026

Description

Added documentation for the following topics

  • Theming and Styling
  • Integrating into existing react layouts

Theming and Styling:
image

Integrating into existing react layouts:
image

@BalajiLoganathanSF4826 BalajiLoganathanSF4826 changed the title 1010807: Added docs for theming and styling 1010807: Added docs for 'theming and styling' & 'Integrating into existing react layouts' Feb 18, 2026
@BalajiLoganathanSF4826 BalajiLoganathanSF4826 marked this pull request as ready for review February 18, 2026 15:14
@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: EJ2-1010807-diataxis-style

@SyncfusionBuild
Copy link
Contributor

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: EJ2-1010807-diataxis-style
Technical Error(s): 0
Spelling Error(s): 2
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 1
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: EJ2-1010807-diataxis-style

@SyncfusionBuild
Copy link
Contributor

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: EJ2-1010807-diataxis-style
Technical Error(s): 0
Spelling Error(s): 2
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 1
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: EJ2-1010807-diataxis-style

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1010807-diataxis-style
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0


```css
/* App.css */
.e-custom-style .e-pv-page-container {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we add comment line what this CSS class does?

background: #0b1220; /* custom viewer background */
}
/* Adds custom styles for signature fields */
.e-custom-style .e-pdfviewer-signatureformfields,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we add comment line what this CSS class does?

height: 100% !important;
text-align: center !important;
}
.e-custom-style span[id^='initialIcon'] {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we add comment line what this CSS class does?

display: inline-block !important;
height: 100% !important;
text-align: center !important;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If possible add a screen short for override css.

</li>
<li>Environment Integration
<ul>
<li><a href="/document-Processing/pdf/pdf-viewer/react/environment-integration/existing-react-layout">Integrating into existing react layout</a></li>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please add this to under How to topic

};
```

- **Use viewer inside Collapsible sections**
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a screen short for each topic

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Comments