How to disable status setting on annotation

okabe.yasufumi · April 27, 2023, 8:34am

Product:
webviewer

Product Version:
“@pdftron/webviewer”: “^8.7.0”,

Please give a brief summary of your issue:
(Think of this as an email subject)
How to disable status setting on annotation

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

I want to disable status setting on annotation.
(by the conditions)

Comments were made by disableReplyForAnnotations API.

I want to status version of disableReplyForAnnotations API.

Please provide a link to a minimal sample where the issue is reproducible:
nothing.

bjovanovic · April 27, 2023, 3:40pm

Hello okabe.yasufumi

You can disable “Status” button entirely by using following code sample:

instance.UI.disableElements([‘noteState’])

You can also disable individual, several or all data-elements inside the “Status” popup, by using the code sample below:

instance.UI.disableElements(['notePopupStateAccepted', 'notePopupStateRejected'])

For more information please refer to: Apryse Documentation | Documentation
Or
Apryse WebViewer Namespace: UI

All the best,
Bojan

okabe.yasufumi · April 28, 2023, 12:28am

Hello, Bojan

Thank you for your reply.
But what I want to know is how to programmatically control whether it is disabled or enabled.

Best Regard.

okabe.yasufumi · April 28, 2023, 12:32am

instance.UI.disableElements is all annotation disabled.

Some annotations I want to disabled, some annotations I want to enabled.

bjovanovic · April 28, 2023, 4:04pm

Hi okabe.yasufumi

I don’t think WV currently has API for that kind of behaviour. You may be able to do something with:

instance.UI.disableElements([‘notePopupState’])

and

instance.UI.enableElements([‘notePopupState’])

Depending on the comment selected you might be able to call enableElements API.
Otherway it might require some serious customizing of the UI, specifically here:

github.com

PDFTron/webviewer-ui/blob/87b650527a545c57eff1499b70ada6aba5d6e073/src/components/NoteState/NoteState.js#L55


      
              className="NoteState"
              dataElement="noteState"
              onClick={togglePopup}
              ref={popupRef}
            >
              <Tooltip content={t('option.notesOrder.status')}>
                <div className={noteStateButtonClassName}>
                  <Icon glyph={icon} />
                </div>
              </Tooltip>
              {isOpen && (
                <NoteStatePopup
                  triggerElementName="noteState"
                  handleStateChange={handleStateChange}
                  onClose={() => {
                    setIsOpen(false);
                  }}
                />
              )}
            </DataElementWrapper>
          );

All the best,
Bojan

okabe.yasufumi · May 3, 2023, 10:06am

Hi, Bojan.

I understand.

Thank you!

hareesh.devulapalli · April 11, 2025, 3:20pm

instance.UI.disableElements([‘notePopupStateAccepted’, ‘notePopupStateRejected’]) is not working for me, I can see those options in status menu.
instance.UI.disableElements([‘noteState’]) this one is working.
Version: 11.2.0

I want add some custom options.

Can you please help me with this, thanks.

kkim · April 11, 2025, 9:02pm

Hi there,

With the changes to version 11+, the new modularUI may have different data-elements in our UI.
You can find the updated list here:

github.com

ApryseSDK/webviewer-ui/blob/11.4/src/constants/dataElement.js

const DataElements = {
  LEGACY_RICH_TEXT_POPUP: 'legacyRichTextPopup',
  ANNOTATION_NOTE_CONNECTOR_LINE: 'annotationNoteConnectorLine',
  ANNOTATION_STYLE_POPUP: 'annotationStylePopup',
  ANNOTATION_STYLE_POPUP_BACK_BUTTON: 'annotationStylePopupBackButton',
  ANNOTATION_STYLE_POPUP_BACK_BUTTON_CONTAINER: 'annotationStylePopupBackButtonContainer',
  INLINE_COMMENT_POPUP_EXPAND_BUTTON: 'inlineCommentPopupExpandButton',
  INLINE_COMMENT_POPUP_CLOSE_BUTTON: 'inlineCommentPopupCloseButton',

  LOGO_BAR: 'logoBar',
  COLOR_PALETTE: 'colorPalette',
  OPACITY_SLIDER: 'opacitySlider',
  STROKE_THICKNESS_SLIDER: 'strokeThicknessSlider',
  FONT_SIZE_SLIDER: 'fontSizeSlider',
  STYLE_OPTION: 'styleOption',
  STYLE_POPUP: 'stylePopup',
  STYLE_PANEL: 'stylePanel',
  SIGNATURE_LIST_PANEL: 'signatureListPanel',
  RUBBER_STAMP_PANEL: 'rubberStampPanel',
  SCALE_INPUT_CONTAINER: 'scaleInputContainer',

This file has been truncated. show original

Please note that this topic is closed and we suggest creating a forum post if you have any further issues in the future.

Best regards,
Kevin