none
Create a SharePoint 2013 page React Framework RRS feed

Answers

  • Hi,

    As per my knowledge, SharePoint pages(web part page/publishing page etc.) have many server controls and different page inherit based on page types, so you have to implement all the logic if you want to convert a html file to SharePoint page and add your html content to the page.

    Here is one similar thread for your reference.

    http://stackoverflow.com/questions/2102773/easiest-way-to-convert-static-html-documents-on-sharepoint

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Tuesday, March 7, 2017 8:20 PM
    Tuesday, March 7, 2017 7:54 AM
  • Hi,

    If you are using SharePoint Online and you want to play with React, take a look at SharePoint Framework with this new development model you can create a clent web part with React, Angular, jQuery....

    https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview

    Kind regards,


    Giuliano De Luca - MCSD SharePoint, MCSD Web Applications, MCPS, MS. www.delucagiuliano.com Twitter: @giuleon <strong>Please Mark As Answer</strong> if my post solves your problem or <strong>Vote As Helpful</strong> if the post has been helpful for you.

    • Marked as answer by cb39 Tuesday, March 7, 2017 8:20 PM
    Tuesday, March 7, 2017 8:47 AM
  • Hi,

    I have a button, need to open outlook email with Body pre-populated. I can open it correctly, but instead of link, how can i open directly link as image. 


    • Edited by cb39 Friday, March 10, 2017 1:52 AM
    • Marked as answer by cb39 Friday, March 10, 2017 1:53 AM
    Tuesday, March 7, 2017 8:21 PM



    • Marked as answer by cb39 Wednesday, March 8, 2017 3:42 AM
    • Edited by cb39 Wednesday, March 8, 2017 3:43 AM
    Wednesday, March 8, 2017 3:06 AM
  • Hi,

    Try this.

    <script type='text/javascript' language='javascript'>
            function OpenOutlookNewEmail() {
                try {
                    var outlookApp = new ActiveXObject("Outlook.Application");
                    var nameSpace = outlookApp.getNameSpace("MAPI");
                    var test = "https://www.google.com.sg/logos/doodles/2017/international-womens-day-2017-5658396607905792.2-hp.png";
                    mailFolder = nameSpace.getDefaultFolder(6);
                    mailItem = mailFolder.Items.add('IPM.Note.FormA');
                    mailItem.Subject = "Me";
                    mailItem.To = "me@me.com";
                    mailItem.HTMLBody = '<b>Hi,</b><br/>    Send email'+
                        '<img src="' + test + '">';
                    mailItem.display(0);
                }
                catch (e) {
                    alert(e);
                    // act on any error that you get
                }
            }
        </script>

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Wednesday, March 8, 2017 3:42 AM
    Wednesday, March 8, 2017 3:32 AM
  • Hi,

    I think you don’t need worry about this simple logic processing time as it takes less time.

    If you concern about this, you could do simple test by outputting the time, for example:

    var current = new Date();

    console.log(current.getSeconds() + "--" + current.getMilliseconds());

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Monday, March 27, 2017 4:00 PM
    Thursday, March 16, 2017 1:30 AM

All replies

  • Hi,

    As per my knowledge, SharePoint pages(web part page/publishing page etc.) have many server controls and different page inherit based on page types, so you have to implement all the logic if you want to convert a html file to SharePoint page and add your html content to the page.

    Here is one similar thread for your reference.

    http://stackoverflow.com/questions/2102773/easiest-way-to-convert-static-html-documents-on-sharepoint

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Tuesday, March 7, 2017 8:20 PM
    Tuesday, March 7, 2017 7:54 AM
  • Hi,

    If you are using SharePoint Online and you want to play with React, take a look at SharePoint Framework with this new development model you can create a clent web part with React, Angular, jQuery....

    https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview

    Kind regards,


    Giuliano De Luca - MCSD SharePoint, MCSD Web Applications, MCPS, MS. www.delucagiuliano.com Twitter: @giuleon <strong>Please Mark As Answer</strong> if my post solves your problem or <strong>Vote As Helpful</strong> if the post has been helpful for you.

    • Marked as answer by cb39 Tuesday, March 7, 2017 8:20 PM
    Tuesday, March 7, 2017 8:47 AM
  • Hi,

    I have a button, need to open outlook email with Body pre-populated. I can open it correctly, but instead of link, how can i open directly link as image. 


    • Edited by cb39 Friday, March 10, 2017 1:52 AM
    • Marked as answer by cb39 Friday, March 10, 2017 1:53 AM
    Tuesday, March 7, 2017 8:21 PM
  • Hi,

    You could try this.

     <script type='text/javascript' language='javascript'>
            function OpenOutlookNewEmail() {
                try {
                    var outlookApp = new ActiveXObject("Outlook.Application");
                    var nameSpace = outlookApp.getNameSpace("MAPI");
                    mailFolder = nameSpace.getDefaultFolder(6);
                    mailItem = mailFolder.Items.add('IPM.Note.FormA');
                    mailItem.Subject = "Me";
                    mailItem.To = "me@me.com";
                    mailItem.HTMLBody = '<b>Hi,</b><br/>    Send email'+
                        '<img src="https://www.google.com.sg/logos/doodles/2017/international-womens-day-2017-5658396607905792.2-hp.png">';
                    mailItem.display(0);
                }
                catch (e) {
                    alert(e);
                    // act on any error that you get
                }
            }
        </script>

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Wednesday, March 8, 2017 1:55 AM



    • Marked as answer by cb39 Wednesday, March 8, 2017 3:42 AM
    • Edited by cb39 Wednesday, March 8, 2017 3:43 AM
    Wednesday, March 8, 2017 3:06 AM
  • Hi,

    Try this.

    <script type='text/javascript' language='javascript'>
            function OpenOutlookNewEmail() {
                try {
                    var outlookApp = new ActiveXObject("Outlook.Application");
                    var nameSpace = outlookApp.getNameSpace("MAPI");
                    var test = "https://www.google.com.sg/logos/doodles/2017/international-womens-day-2017-5658396607905792.2-hp.png";
                    mailFolder = nameSpace.getDefaultFolder(6);
                    mailItem = mailFolder.Items.add('IPM.Note.FormA');
                    mailItem.Subject = "Me";
                    mailItem.To = "me@me.com";
                    mailItem.HTMLBody = '<b>Hi,</b><br/>    Send email'+
                        '<img src="' + test + '">';
                    mailItem.display(0);
                }
                catch (e) {
                    alert(e);
                    // act on any error that you get
                }
            }
        </script>

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Wednesday, March 8, 2017 3:42 AM
    Wednesday, March 8, 2017 3:32 AM
  • I have a accordion, based on the text i am showing and hiding, how can i avoid if-else so that it can be update automatically wothput if-else condiitons,  see my code

         

    $("#div_text h3").bind('click', function() {       
               if ($(this).text() == "text1")
    {
    $("#div_msgsample").show();
    $("#div_msgThankYou").hide();
    $("#div_msgGetWellSoon").hide();

    }
     else if ($(this).text() == "text2")
    {
    $("#div_msgsample1").hide();
    $("#div_msgsample2").show();
    $("#div_msgsample3").hide();


    }
     else if ($(this).text() == "tex3=t3")
    {
    $("#div_msgsample1").hide();
    $("#div_msgsample2").hide();
    $("#div_msgsample3").show();


    }

    });


    • Edited by cb39 Wednesday, March 15, 2017 8:45 PM
    Wednesday, March 15, 2017 8:45 PM
  • Hi,

    I think you don’t need worry about this simple logic processing time as it takes less time.

    If you concern about this, you could do simple test by outputting the time, for example:

    var current = new Date();

    console.log(current.getSeconds() + "--" + current.getMilliseconds());

    Best Regards,

    Lee


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    • Marked as answer by cb39 Monday, March 27, 2017 4:00 PM
    Thursday, March 16, 2017 1:30 AM
  • Hi Lee,

    The above code doesn't work in chrome, since chrome does not have activeXObject.


    • Edited by cb39 Monday, March 27, 2017 3:50 PM
    Monday, March 27, 2017 3:50 PM