none
Tabs for a New/Edit/Display Form and a separate tab for a list view from a separate list. RRS feed

  • Question

  • Hello,

    I need a quick solution  where I can add a little CSS to get a school like tabbed application view. I have 5 tabs....

    Applicant Info tab |  School Info tab | Course Info tab | Supervisor Approval tab | Manager Approval tab

    The Applicant Info, School Info tab, Supervisor Approval tab, and Manager Info tab must be a form - New/Display/Edit, but the Course Info tab must be a separate list that can have multiple courses under the mentioned tab.

    Thanks for any help!

    Michael 



    SharePoint Engineer - Mike

    Tuesday, April 18, 2017 2:45 AM

Answers

  • Hi Michael,

    You can utilize Client Side Rendering to implement above requirement. Please check below articles for more details:

    https://social.technet.microsoft.com/wiki/contents/articles/37684.sharepoint-2013-jslink-client-side-rendering.aspx

    https://social.technet.microsoft.com/wiki/contents/articles/37745.sharepoint-2013-jslink-client-side-rendering-onprerender-event.aspx

    https://social.technet.microsoft.com/wiki/contents/articles/37746.sharepoint-2013-jslink-client-side-rendering-onpostrender-event.aspx

    https://sharepoint.stackexchange.com/questions/92493/sharepoint-2013-custom-csr-render-mode-for-newform-also-for-dispform-and-viewfo


    Thanks, Amit Kumar, LinkedIn Profile ** My Blog
    Please click "Mark As Answer" if this post solves your problem or "Vote As Helpful" if it was useful

    Tuesday, April 18, 2017 1:17 PM
  • Hi Mike,

    To add to what Amit shared, I am sharing additional reference which will help you implementing the tabbed view in SharePoint easily:

    Easy Tabs for SharePoint 2013

    Combining Multiple Web Parts in SharePoint 2013 to create a Tab Pages WebPart


    Cheers,
    Maruthu
    Please click the 'Mark as Answer' if this post solves your problem or "Vote As Helpful" if it was useful! :)
    Explore the SharePoint

    Tuesday, April 18, 2017 2:58 PM

All replies

  • Hi Michael,

    You can utilize Client Side Rendering to implement above requirement. Please check below articles for more details:

    https://social.technet.microsoft.com/wiki/contents/articles/37684.sharepoint-2013-jslink-client-side-rendering.aspx

    https://social.technet.microsoft.com/wiki/contents/articles/37745.sharepoint-2013-jslink-client-side-rendering-onprerender-event.aspx

    https://social.technet.microsoft.com/wiki/contents/articles/37746.sharepoint-2013-jslink-client-side-rendering-onpostrender-event.aspx

    https://sharepoint.stackexchange.com/questions/92493/sharepoint-2013-custom-csr-render-mode-for-newform-also-for-dispform-and-viewfo


    Thanks, Amit Kumar, LinkedIn Profile ** My Blog
    Please click "Mark As Answer" if this post solves your problem or "Vote As Helpful" if it was useful

    Tuesday, April 18, 2017 1:17 PM
  • Hi Mike,

    To add to what Amit shared, I am sharing additional reference which will help you implementing the tabbed view in SharePoint easily:

    Easy Tabs for SharePoint 2013

    Combining Multiple Web Parts in SharePoint 2013 to create a Tab Pages WebPart


    Cheers,
    Maruthu
    Please click the 'Mark as Answer' if this post solves your problem or "Vote As Helpful" if it was useful! :)
    Explore the SharePoint

    Tuesday, April 18, 2017 2:58 PM
  • I'm trying to put these tabs in a list item form. All three, Edit, New and Display. Is this possible?

    SharePoint Engineer - Mike

    Tuesday, April 18, 2017 5:40 PM