What is alternative of “.PageMode.IsExperienceEditor” property in JSS-react?











up vote
7
down vote

favorite












What is alternative of .PageMode.IsExperienceEditor property of Sitecore.Context in JSS-react to verify the ExperienceEditor context ?










share|improve this question




























    up vote
    7
    down vote

    favorite












    What is alternative of .PageMode.IsExperienceEditor property of Sitecore.Context in JSS-react to verify the ExperienceEditor context ?










    share|improve this question


























      up vote
      7
      down vote

      favorite









      up vote
      7
      down vote

      favorite











      What is alternative of .PageMode.IsExperienceEditor property of Sitecore.Context in JSS-react to verify the ExperienceEditor context ?










      share|improve this question















      What is alternative of .PageMode.IsExperienceEditor property of Sitecore.Context in JSS-react to verify the ExperienceEditor context ?







      sitecore-api jss






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 15 at 16:49









      Richard Seal

      12.9k32256




      12.9k32256










      asked Nov 14 at 20:45









      Abhishek

      361




      361






















          2 Answers
          2






          active

          oldest

          votes

















          up vote
          9
          down vote













          In addition to the built-in helper method, the pageState (normal, preview, editing) and pageEditing (boolean) properties are also available in the layout service context, which there are samples of in each JSS sample app:



          screenshot






          share|improve this answer




























            up vote
            6
            down vote













            That would be isExperienceEditorActive defined in @sitecore-jss/sitecore-jss.



            Usage:



            import { isExperienceEditorActive } from "@sitecore-jss/sitecore-jss";

            if (isExperienceEditorActive()) {
            // Do something special in the Experience Editor
            }


            This file also contains other very useful functions.



            Credits to Corey Smith and Kam Figy who told me about this.






            share|improve this answer





















              Your Answer








              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "664"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              convertImagesToLinks: false,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: null,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














               

              draft saved


              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsitecore.stackexchange.com%2fquestions%2f14939%2fwhat-is-alternative-of-pagemode-isexperienceeditor-property-in-jss-react%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes








              up vote
              9
              down vote













              In addition to the built-in helper method, the pageState (normal, preview, editing) and pageEditing (boolean) properties are also available in the layout service context, which there are samples of in each JSS sample app:



              screenshot






              share|improve this answer

























                up vote
                9
                down vote













                In addition to the built-in helper method, the pageState (normal, preview, editing) and pageEditing (boolean) properties are also available in the layout service context, which there are samples of in each JSS sample app:



                screenshot






                share|improve this answer























                  up vote
                  9
                  down vote










                  up vote
                  9
                  down vote









                  In addition to the built-in helper method, the pageState (normal, preview, editing) and pageEditing (boolean) properties are also available in the layout service context, which there are samples of in each JSS sample app:



                  screenshot






                  share|improve this answer












                  In addition to the built-in helper method, the pageState (normal, preview, editing) and pageEditing (boolean) properties are also available in the layout service context, which there are samples of in each JSS sample app:



                  screenshot







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 14 at 21:21









                  Kam Figy

                  2,988618




                  2,988618






















                      up vote
                      6
                      down vote













                      That would be isExperienceEditorActive defined in @sitecore-jss/sitecore-jss.



                      Usage:



                      import { isExperienceEditorActive } from "@sitecore-jss/sitecore-jss";

                      if (isExperienceEditorActive()) {
                      // Do something special in the Experience Editor
                      }


                      This file also contains other very useful functions.



                      Credits to Corey Smith and Kam Figy who told me about this.






                      share|improve this answer

























                        up vote
                        6
                        down vote













                        That would be isExperienceEditorActive defined in @sitecore-jss/sitecore-jss.



                        Usage:



                        import { isExperienceEditorActive } from "@sitecore-jss/sitecore-jss";

                        if (isExperienceEditorActive()) {
                        // Do something special in the Experience Editor
                        }


                        This file also contains other very useful functions.



                        Credits to Corey Smith and Kam Figy who told me about this.






                        share|improve this answer























                          up vote
                          6
                          down vote










                          up vote
                          6
                          down vote









                          That would be isExperienceEditorActive defined in @sitecore-jss/sitecore-jss.



                          Usage:



                          import { isExperienceEditorActive } from "@sitecore-jss/sitecore-jss";

                          if (isExperienceEditorActive()) {
                          // Do something special in the Experience Editor
                          }


                          This file also contains other very useful functions.



                          Credits to Corey Smith and Kam Figy who told me about this.






                          share|improve this answer












                          That would be isExperienceEditorActive defined in @sitecore-jss/sitecore-jss.



                          Usage:



                          import { isExperienceEditorActive } from "@sitecore-jss/sitecore-jss";

                          if (isExperienceEditorActive()) {
                          // Do something special in the Experience Editor
                          }


                          This file also contains other very useful functions.



                          Credits to Corey Smith and Kam Figy who told me about this.







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Nov 14 at 21:08









                          jflheureux

                          1,271316




                          1,271316






























                               

                              draft saved


                              draft discarded



















































                               


                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsitecore.stackexchange.com%2fquestions%2f14939%2fwhat-is-alternative-of-pagemode-isexperienceeditor-property-in-jss-react%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Plaza Victoria

                              In PowerPoint, is there a keyboard shortcut for bulleted / numbered list?

                              How to put 3 figures in Latex with 2 figures side by side and 1 below these side by side images but in...