phoenix
phoenixPhoenix - Your AI Assistant
Inactive session will be ended in 24 hours
End Session

Microsoft SharePoint floating button - SPFx webpart

  • Posted:
  • Proposals: 7
  • Remote
  • #4357642
  • Awarded
Azizul B.Yassine A.ABDIISLAM S.Bharat K.Jivan K. + 2 others have already sent a proposal.
  • 3

Description

Experience Level: Entry
I have several SharePoint sites. I want to create a floating button which I can add to sites which simply acts as a hyperlink to a document library. These buttons will appear on all pages, even when scrolling down on a site pafe. I would like two of these buttons to appear, each linking to a different library.

To my understanding, I need a SPFx webpart. A developer will create the wepart using yo @microsoft/sharepoint generator and implement the code for floating buttons (HTML, CSS, and possibly JavaScript or React).

Following this, you will create a .sppkg file that is ready for upload. I would like to upload this myself so would required instructions on how to do this – I believe this is via the SharePoint admin centre App Catalogue.
I have 2 image files I would like to use for each button.

New Proposal

Login to your account and send a proposal now to get this project.

Log in

Clarification Board Ask a Question

  • Aditya M.

    Hi Sunny,
    .
    Your requirement for floating buttons on SharePoint pages is clear, and I’d love to build this as a seamless SPFx webpart. Just a few quick clarifications to ensure it's exactly how you envision it:
    .
    (1) Button Behavior: Should the floating buttons be always visible or only appear on certain pages/sections ?
    .
    (2) Click Interaction: Do you prefer a simple hyperlink (redirects to a document library) or an on-page pop-up preview of the library ?
    .
    (3) SharePoint Environment: Are you using SharePoint Online (Microsoft 365) or SharePoint On-Premises (2019/2016) ? This affects deployment.
    .
    (4) JavaScript Framework Preference: Would you like this built using React (recommended for modern UI) or plain JavaScript ?
    .
    (5) Deployment: After providing the .sppkg file, would you need a step-by-step guide (or video) on how to upload & deploy it ?
    .
    Looking forward to your response! This will help ensure the solution is built exactly to your needs.
    .
    Thanks,
    Aditya Maisuriya