New answers tagged

0

Maybe this will help anyone who doesn't want to use css or javascript magic and just use OOB SharePoint columns. For me multiline text field with enabled rich editing *including HTML) worked nicely. I just putted in as field value html generated like this: private string GenerateUrlLinkForMultilineTextField(string url) { return "<div class='...


0

The easiest way in my opinion is to use following CSS: <style> li.ms-core-menu-item[text="NAME OF THE ENTRY YOU WANT TO REMOVE"] {display: none !important;} </style>


0

Here is the working solution - Step 1 - Edit the Library Page and Add Script Editor Web Part . Step 2 - Paste the Below Code in web part for hiding the required button from ECB Menu Item using the Button ID (Replace ID value after # ). <style type="text/css"> li.ms-core-menu-item #ID_DeleteDocItem, .ms-core-menu-separator hr { display:none; } <...


0

Just Change: from: #ms-microblogdiv .ms-microfeed-postBox { height: 100px; } to #ms-microblogdiv .ms-microfeed-postBox { min-height: 100px; } In this case with the css is trying to increase the feed box, but the css is blocking. I translate this message with google translator, rs. Hugs


0

Use this Code here, because it won't move the details to the left. .ms-tileview-tile-titleTextMediumCollapsed { padding-right: 30px; }


0

You need to add jquery.min.js and jssor.slider.mini.js files to your code. Kindly check below code. <!-- it works the same with all jquery version from 1.x to 2.x --> <script src="jquery.min.js"></script> <script src="jssor.slider.mini.js"></script> <script> jQuery(document).ready(function ($) { var options = {...


0

There is no function jssor_1_slider_init() in the code you posted and also no script-tag that fetches a script-file which could contain this function. Have you just forgotten to add the Script to your page?


1

When you are working in visual webpart, you can add css & javascript in following ways. Option 1: Open your ascx file in the webpart. Add <style type="text/css"> </style> tag Add your css properties into this style tag. Use the classes in you html block. Option 2: Create a text file. paste entire css code in it. Do not add <style>...


1

The following CSS should work for you as it does work for me: .ms-tileview-tile-detailsListMedium { padding-right: 30px; } This is not a "tricking" solution, but a supported solution. You are allowed to change the CSS of SharePoint as you wish, especially when you have your own masterpage. By changing the CSS of SharePoint I mean create your own CSS ...


1

If you want to apply the CSS to your Google Organization Chart webpart than you can just apply it from the ASPX page like (Usual way) below. <style type="text\css"> .google-visualization-orgchart-node { text-align: center; vertical-align: middle; width: 139px !important; font-family: arial,helvetica; font-size: 12px !important; cursor: default; border:...


1

Using !important is a CSS hack and will get you in trouble at one point. What happens when someone else uses the same !important hack ??? Learn proper CSS, Selectors and its rules for CSS Specificity and you will be able to master any CSS problem. In your scenario you can wrap your content in a DIV <div id='myCEWP'> <H1>Hello World!</H1&...


0

Can you please provide the code you have written? you may have to define a id to the Content editor element and apply css on those id. To override css we use !important after every attribute of css. ex: .CssClass{ color: white !important; }


1

Your CSS styles are not properly coded to make the fonts in the correct place. You have only added styles for Image not for the lists on the right side. it would be better if you create a table and add the images in one column and the text on the next column.


0

That depends largely on your masterpage and your stylesheet. From your screenshot it looks almost as if the 35px bottom-padding of #s4-bodyContainer is causing this gap (assuming that this value in your stylesheet is not different from the default value). You could try that: #s4-bodyContainer { padding-bottom: 0 !important; }


3

Add line 2 and 3 to your code: <style> .ms-breadcrumb-top {position: relative; left: -100px;} </style>


0

Try putting this into your script editor web part or place it all in a .txt file and reference to it using a content editor web part (I find this way easier to work with). You'll have to modify the HTML to whatever parts you are using. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/...


0

The ultimate solution was in the database size. We were restoring on a MSSQL express a database whose size was beyond the size supported by the Express edition. We smoothly restored on a MSSQL Standard Edition


2

You can edit the page in SharePoint Designer and add as many CSS-links in head as you like. Add your links here, and if you use 'media' attribute, you need to add the link the old fashion way: <asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server"> <!-- other lines --> <link href="<% $SPUrl:~SiteCollection/...


1

I already gave you the answer for the same with below description before. Yammer doesn't allow you to customize the look & feel of their embed feed. But you can turn off the header via configuration option. Also that blue background is coming from your network configuration. The same color as your web version, and you can change it inside ...


1

Yammer doesn't allow you to customize the look & feel of their embed feed. But you can turn off the header via configuration option. Also that blue background is coming from your network configuration. The same color as your web version, and you can change it inside Network configuration page. Kindly check the answer at below link. How to personalize ...


1

Please try to append the stylesheet into iFrame using below code. It actually works for me before in one solution. function setFrameStyle() { $('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> #s4-ribbonrow{display:none;} </style>")); }); }


2

I was having same issue when i need to set CSS color for some element and it was over written with default CSS. So I just used some tricky way for that. Please try following code once and let me know its worked for you or not. Because it worked for me. function setFrameStyle() { var mySiteIframe = $("iframe"); mySiteIframe.load(function(){...


0

Hardik's answer only works if you have the Publishing features activated (at the Site and Web levels). If you do have the Publishing features activated, using the Alternate CSS setting is probably the easiest and most straightforward way of applying custom styles to a specific (sub)site. However, if you don't have the Publishing features activated, you ...


0

To apply customized style sheet to your site's subsite: In the browser, open the SharePoint site in which the existing customized style sheet resides. On the Site Actions menu, Click Site Settings On the Site Settings page, under Look and Feel, click Master page. On the Site Master Page Settings page, in the Alternate CSS URL section, click Specify a CSS ...


0

I find the solution for footer issue. Added an extra div before SharePoint:DeveloperDashboard in master page. This will create footer image applied to the pages. This also creates footer to modal pop up in the site where this master page applies. If you don't want to show the footer in modal pop up windows just add s4-notdlg in the div which you create for ...


5

Links might have broken check in the network with chrome or use fiddler


5

Did you change any modifications on front end style loading? like manipulations in . May be previous site is loading because of that resource is cached in the browser. Just clear the cache and check on old machine, if it also not working then my clue is correct.


0

You can use Jquery so that it works in all browsers. On document ready assign the height only to first Div of required type. The below function will go inside your webpart 1 ASCX file. Add a Jquery reference before the below code. $(document).ready(function() { $("div.section-content-wrap:first").css("height", "400px"); } ); Same can be ...



Top 50 recent answers are included