Forum Discussion

MeShare115's avatar
MeShare115
Copper Contributor
Jun 09, 2022
Solved

SPFx for custom page development

Hi All,

I am new to SPFx and I want to create a SharePoint Portal using some custom UI and pages should be responsive . Please suggest how can I develop it using SPFx.

 

Thanks,

Vinay 

  • MeShare115 Yes, modern pages and web parts are responsive by default

    The Custom web parts do not automatically become responsive, you will have to make them responsive

7 Replies

  • MeShare115 I will suggest you to follow the Microsoft official documentation which is very helpful for SPFx development.

     

    For responsive design, check this: SharePoint grid and responsive design 

    You can find other design related recommendations in documentation by navigation from "contents" list: 


    Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

  • FabioO365GoD's avatar
    FabioO365GoD
    Brass Contributor

    MeShare115 

    Hello
    I recommend you to use the following libraries

    1. https://developer.microsoft.com/en-us/fluentui#/ UI
    2. https://pnp.github.io/pnpjs/   REST API

     

    Thank u

    • MeShare115's avatar
      MeShare115
      Copper Contributor
      Hi FabioO365GoD ,

      I am not much aware about react framework . Can we design good UI using No JavaScript framework. Please suggest.

      • FabioO365GoD's avatar
        FabioO365GoD
        Brass Contributor
        Do you know BOOTSTRAP?
        https://getbootstrap.com/docs/5.2/getting-started/introduction/
    • MeShare115's avatar
      MeShare115
      Copper Contributor
      Hi ,

      Thanks for your response . Is SharePoint online modern pages are not responsive by default??
      • FabioO365GoD's avatar
        FabioO365GoD
        Brass Contributor

        MeShare115 Yes, modern pages and web parts are responsive by default

        The Custom web parts do not automatically become responsive, you will have to make them responsive

Resources