Questions tagged [css]

CSS is the abbreviation for Cascading Style Sheets. CSS is a language used to control the presentation (including colors, layout, and fonts) of HTML and XHTML documents.

Filter by
Sorted by
Tagged with
0
votes
0answers
21 views

HTML for displaying an image in the mail body in power automate

I am trying to build a Microsoft flow where it will trigger an email when an item is created or modified. This item will have an image attached to it which I want to display in the mail body and as ...
0
votes
0answers
34 views

Sharepoint webpart height problem

We are developing intranet using SharePoint Framework webparts. I am facing an issue with height of custom webpart (react). One time the webpart has set min-height style, which works perfectly, but on ...
0
votes
2answers
13 views

Hide Global Navigation when Printing in SharePoint 2013

I am trying to hide the top navigation when printing. I am currently using the following CSS to do so: <style> @media print {#ms-breadcrumb-top{display:none !important; } } </style> ...
0
votes
1answer
43 views

How to use JS to inject CSS for specific system pages

So I know that it is possible to set all of the System pages to use a certain CSS file in SharePoint but I am trying to apply the CSS to only a select few of the system pages. All of the other System ...
0
votes
0answers
20 views

How to stop CSS to be applied to a part of layout on the samepage

I have created a SharePoint Page using Wiki page option. - I used the two column option and created the page. Added the html code for accordions using the Js and some css style I did that by ...
1
vote
1answer
66 views

Hide the Approve/Reject button in AllItems.aspx in SharePoint Online

I would like to hide the menu item in a document library that reads "Approve/Reject": Since approval is being managed by a workflow that I created. Most online articles tell the solution to this ...
0
votes
1answer
32 views

SPFx, import SCSS from webpart settings

In SPFx webpart - can I import styles not from *.scss file, but from settings? I have same webparts on different tenants with different colors/branding. Want to make my SPFx webpart more flexible ...
0
votes
2answers
43 views

Modern Sharepoint and Calendar embed?

Any way to embed Modern calendars (like we use to classic) in a Modern pages? I see the events webpart, but not the same? Any way to change what fields are shown in the day box in a month view? We ...
0
votes
2answers
30 views

How to hide default save close option from a sharepoint list form which is customized by infopath

I am using an InfoPath form for a SharePoint list where I have placed two buttons to save and close the form. SharePoint list form has its own default save close options on top. I want to remove or ...
0
votes
1answer
45 views

Customizing SharePoint CSS on Site Contents

So far I have custom CSS for all of my normal site pages that has been working properly and now I am trying to also use the CSS for other pages (Site Contents, any document libraries, lists, folders, ...
0
votes
1answer
36 views

How to dynamically change css in React/Sharepoint online

I am developing webpart for Sharepoint in React and I have: div located in X.tsx <div className={styles.somestyle}><RichText className={styles.richTextStyle} isEditMode=.../></div> ...
0
votes
1answer
21 views

How to hide side menu of my List View. I cannot edit this page by adding Content Editor webpart

How and from where can i hide side menu navigation. I could remove all navigation items from Site Settings > Navigation > Current Navigation but side menu still appears with no links. I cannot edit ...
0
votes
0answers
19 views

Adding Modern Page Header to Classic Page

I'm using SharePoint 2019. If you create a page the modern way the page appears with a big header that you can add an image and title. I created a page in the modern site but its a classic web part ...
0
votes
0answers
11 views

How to Control Height of SP 2016 On Premises Suite Bar?

I am trying to hide all SP2016 suite bar items except the Settings gear and reduce the height of the SuiteBar to 18px. This CSS does the trick except for the height restriction: .o365cs-nav-...
1
vote
2answers
31 views

How to inject CSS in modern SharePoint pages using Extensions?

I've followed step-by-step this article on how to inject CSS in modern SharePoint pages using Extensions: https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-...
0
votes
1answer
14 views

Solution to replace InfoPath Form for SharePoint submission

I need to replace an InfoPath form that has multiple repeating tables and repeating date fields, has the ability to create revisions while keeping older version data. We dont have access to microsoft ...
0
votes
1answer
59 views

List of reusable CSS classes for Modern UI

Is there a table of all re-usable mdoern CSS classes? That would be useful to have in one place so that we can use them for JSON column formatting or in our custom SPFx webparts? For example, I am ...
1
vote
2answers
44 views

How can I make the font-family and font-size in my SharePoint List all the same?

I have a list in SharePoint 2013 where the fonts are all over the place: Verdana, Arial, New Times Roman, 12pt, 8pt, etc. How do I set a standardized format?
2
votes
2answers
41 views

Combine Column Wrap Text, Color and Column Width - JSON Code

I have the wrap code: { "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json", "elmType": "div", "style":{ "white-space":"wrap" }, "txtContent": "...
0
votes
0answers
45 views

CSS was ignored due to mime type mismatch

I am working on client side web part using JavaScript and CSS for customization. I have added custom css and JS into the page and I am getting the message on console of the browser i.e. CSS was ...
1
vote
1answer
31 views

SharePoint 2016 Custom List: Accordion with jQuery Icons [closed]

I have used the code below for my SharePoint Custom FAQ List, and it works pretty fine. Now I would like to add jQuery UI icons such as ui-icon-plus (+) and ui-icon-minus (-) icons. How do I do that?...
0
votes
0answers
24 views

Sharepoint 2016 White Space Issue as soon as code is injected into content editor

Having a big issue with the whitespace. The top of the page is blank and the right hand column icons disappear as soon as I link a file to the content editor. Here is my code. I am using SP Services ...
1
vote
2answers
367 views

What is the best practice for getting JS and CSS files into a SharePoint Modern Page? [closed]

I'm looking for the best way to include JS and CSS files into a SharePoint Modern page, which can be done once across a number of pages. At the moment I've got the Script Editor web part to include my ...
3
votes
2answers
29 views

how to hide gear icon Sharepoint 2013

I would like to hide the gear icon in Sharepoint 2013. I would prefer to do so using script editor. Any ideas? Thank you!
1
vote
1answer
52 views

Inherit Site Master Page from parent of this site option is greyed out

From Site Settings page in Sharepoint Online, I am not able to select "Inherit Site Page from parent of this site" option as it is greyed out which is as follows I'm very new to Sharepoint and I am ...
0
votes
1answer
31 views

Setting background color in Calendar web part using javascript

I am trying to set the background color of Calendar overlay using javascript. I can set them using a static css file, but I would like to do that via javascript, based on certain conditions. var ...
0
votes
1answer
70 views

Navigation with megamenu in SharePoint 2016

I successfully created a mock-up navigation menu with a mega menu item (Directorate) in codepen, but it isn't working as I would hope. When I try to implement it in my SharePoint site, this is what I ...
0
votes
0answers
91 views

issue with “Enhanced rich text” column on custom SharePoint list form

we had customised our SharePoint classic form by using hillbillyForm template. Actually we modified our SharePoint online list form by following the steps mentioned on the below blog link. https://...
0
votes
3answers
32 views

increase column width of new form(newform.aspx) on SharePoint list

On SharePoint list form, we have different column's with different width. We want to increase column width. Our aim was all columns need to have same width on form. Please refer attached image. Kindly ...
0
votes
1answer
28 views

Are these FabricUI components still supported and can i use them?

I'm investing and trying out some of these components in my web part (classic page) The Persona Card https://developer.microsoft.com/en-us/fabric-js/components/persona/persona Ref below https://...
2
votes
1answer
42 views

Is it possible modify the megamenu cascading dropdown spacing?

I'm looking for a way to modify to spacing between the section titles on the megamenu? I'm thinking that this could be done modifying the css scripting, but I'm not that skilled with the web-dev side ...
1
vote
1answer
64 views

SPO:SPFX Modern Script editor - css class and id suffix changing and breaks styling

I am more of an admin than a developer but I managed to get the SPFx Modern script editor to work in my tenant to facilitate some required cosmetic changes. Unfortunately it seems that the CSS classes ...
0
votes
1answer
81 views

Modify SharePoint List column width of custom webpart with HTML source

I have a custom webpart called Available seminars: I want to modify the width of certain columns. On the Internet it is written that I have to use <style type='text/css'> .ms-vh-div[...
0
votes
1answer
21 views

Calendar Content Query on 3 lines

I have a design requirement based on a custom design created by a UX team to show the 3 most recent calendar entries on 3 separate div elements on a SharePoint 2016 Site Page. Each should only pull ...
0
votes
1answer
144 views

How to add bootstrap media query add in spfx(jquery) web parts?

We have SharePoint SPFx web part (developed using jQuery). We want to show these web parts responsive in the all devices. Do we need to use bootstrap or any media query?
0
votes
3answers
77 views

How To Hide New Item from Ribbon Classic SharePoint online?

How to hide New Item menu from classic SharePoint Online Ribbon UI? I am already using Toolbar Type with "No Toolbar". But I want to hide "New Item" button from Ribbon. Please advice. Thanks
1
vote
1answer
236 views

Office UI Fabric verticle align middle not working

I am trying to make my image vertically aligned in middle using CSS which is not working in Office UI Fabric. My HTML Code: <div class="ms-Grid" dir="ltr"> <div class="ms-Grid-row"> ...
0
votes
2answers
35 views

How can i insert a css snippet using javascript base on the choices of the user [closed]

I have this HTML and Javascript code. But how can i execute a specific CSS base on the choices below? For example: Platform = Unix, Windows, Network = Execute CSS1 Platform = Unix, Windows = Execute ...
0
votes
0answers
21 views

How to display and don't display calendar item base on a specific choice

I have this question last week and it is link below. It is already answered and it worked. what it is about is just base on the choice of a user he/she will be redirected to a specific URL (Sharepoint ...
0
votes
2answers
100 views

Promoted Links - Stop Title Movement

Any idea's how to prevent the title from moving in promoted links webpart and instead remain stationary? Preferably using CSS, but willing to look at other options. using the below code i can ...
0
votes
1answer
46 views

CSS code to adjust column widths using static name instead of display name

I'm currently using this code to adjust the width of specific columns by referencing the display name: English version: .ms-vh-div[DisplayName = "Recent History"] { width:300px } However, I've ...
0
votes
1answer
18 views

Implementing Global horizontal navigation in SP Masterpage css issue

I found a sub-navigation menu that I was able to tweak and make it dynamic in SharePoint. It functions exactly as you see here except in SharePoint, the navigation is being populated with data from ...
1
vote
2answers
375 views

Promoted Links Edit Hover Behavior or remove animation

*** I managed to get closer to a solution, by implementing the css code at the end of this post, this allows me to disable the Promoted links overlay so it doesn't interfere with the background color ...
1
vote
1answer
38 views

Change List Web Part background color when any item in the list has a certain value for a particular field?

Here's my situation. I have a DispForm that has two Data View Web Parts at the top that are displaying a few related items from two other lists. What I've been trying to figure out for hours now is ...
0
votes
0answers
35 views

Making one promoted link on the page bigger then the rest

I trying to have my SharePoint page appear like below using promoted links. I'm struggling everything I've tried in CSS is designing the tiles the same.
0
votes
0answers
36 views

WebPart zone properties

I used SharePoint Designer to insert the WebPart zone into page and the WebPart only covers %50 of the page, how can I make it to cover %100 of the page. <WebPartPages:WebPartZone id="...
0
votes
0answers
18 views

Trying to add an HTML page with Directories

I've seen numerous content on stack exchange and every who has posted seems to have a common problem. But mine is a bit more unique. Yes I am trying ot upload an HTML page, but I also have directories ...
0
votes
0answers
37 views

How to display the SharePoint page title?

When I view my SharePoint site in developer mode, I'm able to see the title. But used class name as ms-hidden. Maybe because of this page title is not visible. I don't know to edit code in the master ...
0
votes
3answers
403 views

Add Css in spfx

I want to add below CSS in SPFx web-part using states. But unable to do it: div[class^='pageTitle_'] { display: none; }
0
votes
2answers
203 views

Hiding “Site Name” in SharePoint Online

Can you please advise how to hide a "Site Name" in SharePoint Online? I tried to leave the name blank in the Site Pages but was not able to republish the site as a message prompted that you cannot ...

1
2 3 4 5
23