SPFx webpart: navigation in sidebar – modern pages

SEE ATTACHED PDF for full details. SharePoint online/O365 and SPFx skills required. This webpart will display a vertical navigation bar (sidebar) as a list or accordions. Both will display as a dropdown when viewing on mobile devices. Note that this navigation is different from the main navigation that SharePoint online shows at the top. In my site, each section requires a different navigation list so this webpart needs to have the ability to take data from different source lists.

High-level requirements:

1. I can create custom lists in my modern SharePoint site to save data for different navigation bars

2. The list can have up to 3 levels of navigation (parent, child, sub-child)

3. I can set filtering options to decide what to show in the navigation

4. I will have the ability to disable a link (from the custom list in the back end)

5. There will be two layout options: list, accordion

6. The active nav item will be highlighted

7. When I hover on a link I see a custom tooltip. Links without tooltip data will not show anything

8. For mobile users, the navigation will display as a dropdown – (!) this is very important

9. I can enter a custom class in the webpart properties so I can customize the look and feel of the current webpart only

10. Optional: count clicks to see what nav items are more popular (count to be added to the list in the back-end)

Skills: Sharepoint, React.js, JSON, CSS

See more: layout band pages, pages brochure layout, pages book layout samples indesign, web pages application layout data entry, modern simple website layout, wordpress sidebar drop pages, indesign pages booklet layout template, free pages brochure layout, phpbb2 pages website layout, modern company page layout, pages design layout, wordpress custom sidebar individual pages, modern wedding album layout, modern warfare website layout, navigation bar landing pages magento, pages wedding layout design, modern warfare site layout, wordpress vertical accordion navigation sidebar, wordpress sidebar squeeze pages, Design 2 pages, See the attached brief for more information.

About the Employer:
( 2 reviews ) London, United Kingdom

Project ID: #21248893

27 freelancers are bidding on average £197 for this job


Hey there, I am Microsoft certified professional. Well, After reviewing the requirement of your's, I'm into this profession since 2011 which is almost 7+ years of experience with MS SharePoint designing and core deve More

£500 GBP in 7 days
(52 Reviews)

"SharePoint Expert" Hello there, Hope you are doing great. We are a small but excellent team of SharePoint developers and designers. We having expertise in every domain of SharePoint like SharePoint customization, More

£225 GBP in 3 days
(39 Reviews)

Hello, I have started reviewing the attachment - At a high level, it looks doable. & I am the right fit for this opportunity. WHY ME! - RELEVANT EXPERIENCE: I am working on SharePoint since inception and we keep co More

£250 GBP in 5 days
(14 Reviews)

Hello, Greetings!! I have worked on similar SharePoint/Office 365 navigation SPFX customization projects that you are asking for and I am confident, I can achieve the results that you are asking for and I can complet More

£350 GBP in 4 days
(20 Reviews)

Dear sir. As you can see my profile, I am excellent MEAN stack developer, I think your job is very suitable for me. I am a full stack developer extensively working on backend and frontend development. I have worked wit More

£135 GBP in 7 days
(13 Reviews)

Hey Nice to meet you. I'm full stack developer with 4 years experience in React programming. Please contact me if you are looking for a React expert. This is a Children Keeper React app using firebase ,react native More

£500 GBP in 7 days
(5 Reviews)

Hello and welcome in our group we so happy for this chance to give us this opportunity to work with you in your project ........... My name is ana the CEO of our group I read the description that related in your proje More

£50 GBP in 7 days
(17 Reviews)

Hi Sir. I have read your descriptions carefully and had a great interest on your project. Because I am a expert in React/Redux Saga and HTML, CSS/SCSS/SaaS. And I have much experience in UI/UX design using React/Redux. More

£100 GBP in 3 days
(8 Reviews)

I am an Indian based Microsoft Certified Professional. Having • 6+ years of vast experience in Software development and design. • Technical expertise in SharePoint 2016, 2013, 2010 with sound exposure to Microsoft te More

£200 GBP in 7 days
(12 Reviews)

Hi There, Hope you are doing well. I would develop SharePoint solution according to your requirements. I am SharePoint developer having 7+ years of experience. I can work on SharePoint 2010, SharePoint 2013 More

£222 GBP in 10 days
(10 Reviews)

♠ ♠ ♠ ♠ ♠ ♠ I read your description and attached file. ReactJs, HTML5 and CSS are my mastered skills. Especially i have many experiences in responsive website development [login to view URL] [login to view URL] [login to view URL] pe More

£135 GBP in 2 days
(11 Reviews)

*****Dear Sir***** I have rich experience with React.JS, Redux, Saga and I've developed many websites using React.JS. I've been working on React.JS for 4+ years. I believe that I can provide you with top-notch result More

£135 GBP in 7 days
(5 Reviews)

Hi there, React expert here! With more than 6 years of experience in this industry,As a professional web developer I've good hands-on experience in the following frameworks: VueJS, ReactJS, Laravel, Codeigniter, Wordp More

£150 GBP in 3 days
(3 Reviews)

Hi Eduardo, Thanks for letting me about project. Let me introduce my self : I have been working on SharePoint and O365 technologies for about 6 years now. For the past few years I have been closely following Sha More

£250 GBP in 5 days
(3 Reviews)

How are you? I'm interested in your project. In my precious working years i have finished many succesful projets with 100% customer satisfaction. I am a full stack developer.( Angular,react,Vue,laravel,ionic framework More

£135 GBP in 7 days
(4 Reviews)

Hi, I hope you are doing well! I have walked through your note and enough confidence that I can develop your project in Angular JS or Reactjs. Due to my vast experience in Angular Js and React Js develo More

£250 GBP in 7 days
(4 Reviews)

I have read the description and i am confident i can work on the project right away, i will develop a professional website for you, Lets chat so I can show you my portfolio & can discuss more about project & we can st More

£250 GBP in 7 days
(2 Reviews)

Hello Sir. I am writing a proposal for your job. I have gone through the complete job description and placed bid accordingly. I am really interested for this project as this is area of my expertise. Having near about 6 More

£135 GBP in 3 days
(1 Review)

Hello, Sir. How are you? Thanks for your post. I have read your project detail carefully. I have ever carried out this kind of project and have rich experiences. I am sure I can handle your project perfectly in the qui More

£135 GBP in 7 days
(1 Review)

We are a team of young and enthusiastic Web and Mobile developers having knowledge in PHP(Wordpress, Magento, CakePHP, Laravel, Codeigniter), AngularJS , iOS, Android and I would like to work with you for your project. More

£180 GBP in 7 days
(1 Review)