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












8















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










share|improve this question





























    8















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










    share|improve this question



























      8












      8








      8








      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 '18 at 16:49









      Richard Seal

      13.9k32562




      13.9k32562










      asked Nov 14 '18 at 20:45









      AbhishekAbhishek

      492




      492






















          2 Answers
          2






          active

          oldest

          votes


















          11














          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































            8














            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',
              autoActivateHeartbeat: false,
              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









              11














              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




























                11














                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


























                  11












                  11








                  11







                  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 '18 at 21:21









                  Kam FigyKam Figy

                  3,238620




                  3,238620























                      8














                      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




























                        8














                        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


























                          8












                          8








                          8







                          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 '18 at 21:08









                          jflheureuxjflheureux

                          1,331317




                          1,331317






























                              draft saved

                              draft discarded




















































                              Thanks for contributing an answer to Sitecore Stack Exchange!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid



                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.


                              To learn more, see our tips on writing great answers.




                              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

                              Florida Star v. B. J. F.

                              Danny Elfman

                              Lugert, Oklahoma