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
17 views

SharePoint list shows circles on columns heading when added fabric css

SharePoint list shows circles(or dots) on columns heading If I add fabric css from SPFX Application Customizer. How can I fix that issue?
0
votes
0answers
15 views

SharePoint Custom List - Column Tooltip to Transparent

I hope someone can help. I am currently using the following snippet to remove the automated tooltip from ms-input and ms-long ms-spellcheck-true custom list column input fields: $(document).ready(...
1
vote
1answer
24 views

How to assign an ID or Class to specific Webpart in Sharepoint

I’m working with Sharepoint on a client project and I’m finding it a bit cumbersome to navigate. I see that Sharepoint seems to generate dynamic ID names for its web parts when they are created; an ...
0
votes
1answer
32 views

office fabric Document card css

hi i am using office fabric UI to show Document card as Tiles below is my code i want icon should come at center and text at bottom in Yellow bar const cardStyles: IDocumentCardStyles = { root: ...
0
votes
1answer
22 views

Removing Upload Permission in a SharePoint online Document Library

I have a custom permission level set to only allow read in a particular document library. However, these users still are able to upload files, which is not desired! I cannot find any OOB settings to ...
0
votes
1answer
13 views

Intranet page does not scale with browser

The intranet page basically does not scale with the browser.. so if the browser is at 110% the white space on the right-hand side goes away, but when the browser is at say 70% the white space becomes ...
0
votes
2answers
50 views

SharePoint 2019 ON PREMISE - Change font size for lists

I am having trouble in changing font sizes for lists in SP on-premise. I have some custom css where I have changed font sizes for most areas of our sites - I am stuck with adjusting the size of fonts ...
0
votes
1answer
20 views

Dynamic list navigation linking abnormally

I created a dynamic horizontal navigation menu that gets its data from SharePoint lists. It renders and works great but I am dealing with a situation that is very abnormal. The items in the ...
1
vote
2answers
206 views

JSON column formatting hover styling

I'm creating a custom formatting for the Title column of a document library so that users will always download the documents instead of opening them directly. It's turning out well, but I can't figure ...
0
votes
1answer
21 views

SP 2013 List View Column Header Set CSS full-width background color with CSS

I need help to set the background of a list view column header but not just the ms-vh-div. I need to set the entire column width background of the header. This code only sets the background around the ...
0
votes
1answer
67 views

How to hide Home link in SharePoint 2016 global navigation

There is a "Home" link in global navigation of my publishing site which I want to hide. It is not available in "Navigation" in "Site Settings" so I cannot hide it from ...
0
votes
0answers
9 views

How to Toggle side navigation

I am trying to create a toggle button to hide/show the side navigation on a SharePoint calendar page view (want to be able to toggle it on to modify calendar overlays but hide it to offer more screen ...
0
votes
1answer
100 views

SharePoint Online: How can you hide the footer bar on a document preview when I embed an Excel spreadsheet onto a page?

It seems to hide when I use the Chrome developer tools, but when I do the same thing with the modern script editor, nothing changes. Anyone have any luck hiding this bar? If you ask me what I've ...
2
votes
2answers
49 views

Global CSS for entire SharePoint websitecollection (modern pages)

I have a question regarding the adaptation of modern pages via CSS. Because I find the standard sytles terrible... The large distances between web parts, especially between text and image. I also want ...
0
votes
0answers
97 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
1answer
66 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
26 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
77 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
23 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
115 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
43 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
303 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
38 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
51 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
99 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
24 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
21 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
20 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
62 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
16 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
410 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
216 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
156 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
118 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
50 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
25 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
880 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
38 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
95 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
34 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
96 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
193 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
39 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
37 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
50 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
93 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 ...
1
vote
1answer
153 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
24 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
215 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
131 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
2 3 4 5
23