none
Customize List form with JS/Css RRS feed

  • Dotaz

  • 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

    pondělí 21. října 2019 19:00

Odpovědi

  • 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.

    • Označen jako odpověď NewET12345 úterý 22. října 2019 13:10
    úterý 22. října 2019 2:02

Všechny reakce

  • 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.

    • Označen jako odpověď NewET12345 úterý 22. října 2019 13:10
    úterý 22. října 2019 2: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

    úterý 22. října 2019 6: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.

    úterý 22. října 2019 6:21