How to customize sharepoint online mega menu - sharepoint-online

enter image description hereI have implemented megamenu in share point online pages. How to add a background color to mega menu?

You could build the SPFx solution package from here : https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/react-application-injectcss
Then create a custom css file to change the background of mega menu and upload to style library.

Related

How to get sharepoint framework spfx viva connections adaptive card property pane iconpicker control - the OOTB control used in Web link viva card

I want to use the icon picker control like the one in the OOTB Web Link Viva card. But it's not listed in the MS Property pane fields documentation. In the node package, the beta version has an iconpciker control. I've tried it. But it returned invalid 'iconName' error. Has anyone used the OOTB icon picker control?
I don't want to use the pnp icon picker control because it has icons that don't work on mobile
Thanks

Build an SPFX web part which render an HTML BOX which have a configurable Title, Description and Clickable Button

I want to build an SPFX web part, which should allow me to display this Box:-
where the Box will have a configurable Title,Description text & clickable button. so the user can add this web part inside any modern page, and define the Title, Description,the button title & the button URL.. so is there any available SPFX which can allow me to have these features, if the answer is No, then it is possible to build such SPFX?
Thanks
It seems you are looking for an SPFx compatible component. There is SPFx controls library, the control you are looking for is probably called Placeholder.
https://pnp.github.io/sp-dev-fx-controls-react/controls/Placeholder/

How to insert/add logo before the top navigation in SharePoint

Is there a way to insert/add logo before the top navigation in SharePoint ? Currently we have Home link and we want to replace it using a logo instead.
Thanks!
Assume you are talking about SharePoint online development. I suggest using command set in SharePoint Framework.
The Command Set is the only type of SharePoint Framework Extension for which you can configure icons.
When deploying Command Sets, you can choose whether their commands should be visible on:
The command bar (location: ClientSideExtension.ListViewCommandSet.CommandBar)
The context menu (location: ClientSideExtension.ListViewCommandSet.ContextMenu)
Both (location: ClientSideExtension.ListViewCommandSet)
You can use an external icon image or a base64-encoded image as your icon image.
References form here
Also, there is a third party option. it will be less work just to change a icon but also limited choice of icons which they've provided.
ShortPoint can customize SharePoint Global Navigation and allows you to utilize ShortPoint Icons in your navigation.
The result will be something like this. Reference here.
So depend on your need, SPFx will give you more freedom and Shortpoint will take less work.
As for SharePoint On-premises. I think these below links can help you.
Customizing SharePoint 2010 global navigation with Css and jQuery Link
Top Navigation By Ryan Keller Link
Customize the navigation on your SharePoint site Link
Hope this can help you.

How to create navigation menu in JavaFX

I want to create navigation menu like this:
Is this a custom component or it's part of the standard JavaFX platform?
A breadcrumb navigation bar is not part of the JavaFX 2.2 core platform.
I created a feature request for a breadcrumb control against the ControlsFX 3rd party control project.
The image you provided comes from a screen shot of the open source Ensemble application.
Review the Ensemble source code, and see if you can adopt it's code for your application.

In NSIS, How do I create a custom page containing an image?

I'm trying to add a custom page to an NSIS installation, that will contain a title and an image.
I'm using Modern UI.
Thanks ahead
You should use the nsDialogs plugin to create custom pages, it has helper macros to load bitmaps and icons...

Resources