Hi,
I want to style this toolbar in SharePoint. How can I do this?
I saw this design on a blog and want to know how this is done?
Hi,
I want to style this toolbar in SharePoint. How can I do this?
I saw this design on a blog and want to know how this is done?
Hello @DryChips,
You can change the toolbar background, change the color or set the image, using the CSS:
.ms-CommandBar.fd-form.fd-form-toolbar {
background-color: red;
}
Awesome! Thank you!
How can I set an image like that? Do I need to give it a Url or...?
You can set an image as a background using background-image property:
.ms-CommandBar.fd-form.fd-form-toolbar {
background-image: url("Image-URL")
}
This is perfect! Is it possible to change the height and width of the toolbar as well?
Yes, using the height and width properties like this:
.ms-CommandBar.fd-form.fd-form-toolbar {
height: 60px !important;
width: 150px !important
}
Hello @mnikitina,
How do I hide the 'Save' button and keep the 'Close' button in a SharePoint Tool bar?
Much obliged!