none
Customize List form with JS/Css RRS feed

  • שאלה

  • Hi All,

    Am trying to build list form using SP.UI.ModalDialog.showModalDialog JS Modal.

    I will have button on the Portal page, where user click the button and open the modal.

    The list is for a questions purpose. I have sample picture below, I would like to build. 

    Any help would be nice.


    <script type="text/javascript">
        function openDialog(dialogUrl) {
            var options = {
                url: dialogUrl,
                showMaximize: true,
                showClose: true,
                dialogReturnValueCallback: function () {
                    window.location.href = window.location.href
                }
            };
            SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
        }
    </script>

    <a class="button" href="javascript:openDialog('https://siteName/_layouts/15/listform.aspx?PageType=8&ListId=ListIDNUmber&RootFolder=')">
        Submit Your Idea
    </a>

    


    Abenet

    יום שני 21 אוקטובר 2019 19:00

תשובות

  • Hi,

    You could use SharePoint designer to customize list form easily, you could check below video for demo.

    https://www.youtube.com/watch?v=YP2IEdD4cSk

    After you created customized list form, update the js script to point your custom list form.

    Best Regards,

    Lee


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

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    • סומן כתשובה על-ידי NewET12345 יום שלישי 22 אוקטובר 2019 13:10
    יום שלישי 22 אוקטובר 2019 02:02

כל התגובות

  • Hi,

    You could use SharePoint designer to customize list form easily, you could check below video for demo.

    https://www.youtube.com/watch?v=YP2IEdD4cSk

    After you created customized list form, update the js script to point your custom list form.

    Best Regards,

    Lee


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

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    • סומן כתשובה על-ידי NewET12345 יום שלישי 22 אוקטובר 2019 13:10
    יום שלישי 22 אוקטובר 2019 02:02
  • Thanks that was what I was looking for. 

    Second Quesiton, is it possible to hide the Ribbon with save, edit and etc, using designer?


    Abenet

    יום שלישי 22 אוקטובר 2019 06:10
  • Hi,

    Thanks for your feedback, you could mark the helpful post as answer so it would help other community members find the helpful information quickly.
    For hide the Ribbon requirement, you could post a new thread and our support engineer(or other community members) will try to help you in new thread.
    The reason why we suggest to post ‘one topic one thread’ is because of this will help other community members find the helpful information if they have similar requirement/issue.

    Best Regards,

    Lee


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

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    יום שלישי 22 אוקטובר 2019 06:21