1
vote
1answer
43 views

SharePoint 2013 look color [duplicate]

I am developing a SharePoint 2013 hosted app. I would like to use in my app the color of the style site. How can I retrieve the information of the style used by the site using JS? Thanks,Nk
3
votes
1answer
46 views

How to style the quick launch bar div to extend to the length of the page? (SP2013)

We want the quick launch bar to extend to the height of the page. At the moment there are little contents in the quick launch and as the contents increase the height of it increases. We want to always ...
2
votes
2answers
58 views

Remove Sharepoint2013 top bar in SP App

I am deploying a SharePoint2013 App (SharePoint hosted). How can I remove the SharePoint2013 top bar (site name, NewsFeed,OneDrive Sites) by JavaScript/CSS? I need to print tha page. Thanks,Nk
0
votes
1answer
41 views

How to change the SharePoint 2013 logo image dynamically?

Is there any way to change the SharePoint 2013 logo dynamically, ideally via javascript? I have tried: document.getElementById("onetidHeadbnnr0").src="\path\image.png"; Also tried: div = ...
1
vote
1answer
47 views

Display templates - style block / media queries - remove //<![CDATA[

I'm having trouble inserting style block inside a display template. See code below: <a class="articleListing" href="_#= linkURL =#_" title="_#= $htmlEncode(carouselHeading) =#_"> ...
2
votes
1answer
60 views

CSS changes after SharePoint 2010 to 2013 upgrade

We have SP2010 project with CSS applied to SharePoint page CSS classes. Now in SP2013 we notice that few CSS classes like 'quick-launch' no longer exist. That means we will have to change the CSS ...
3
votes
2answers
79 views

CSS (progid:dximagetransform.microsoft) not working after upgrading to SharePoint 2013

We are in process of upgrading from SP2010 to SP2013. There is a webpart with the foll. code:- <table> <tr> <td style="height:20px; FONT-SIZE: ...
1
vote
1answer
123 views

SharePoint 2013 - Display templates - media queries to get image rendition on images based on screen size

I know I could use device channels to do this, but is there a way to get right image rendition with media queries? item display template <div class="image"> <style> @media only ...
1
vote
1answer
75 views

Sharepoint - tables do not fit inside webpart - tables beyond their bounds (width)

Large tables in sharepoint goes beyound their bounds. The main reason why the table breaks is that the filename (in title row) are very long without any spaces! <div class="fullWidth"> ...
0
votes
0answers
13 views

When clicked on Napa app it should displayed similar to JQuery.lightbox

I want to change my display of NAPA app, When I click on my app it should display similar to Jquery.lightbox , I think it is achievable but Where should this be implemented? Need your suggestions.. ...
0
votes
1answer
193 views

SharePoint 2013 Datepicker Not Rendering Correctly

I’m having a problem with my Calendar datepicker in Sharepoint 2013. It’s like it is missing some CSS. And I get the below error in my console : Resource interpreted as Stylesheet but ...
1
vote
0answers
30 views

SP13 Calendar Chrome Type Not Appearing

I added a calendar app and would like to change the chrome type to "Title and Border" only. The reason is because I want to add another calendar to calendar app page as web part. Therefore, I would ...
0
votes
0answers
18 views

CSS Background Image Not working in SP 2013, but works Locally [duplicate]

This works locally body { /*background: Gainsboro;*/ background: url(../dt_images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; ...
1
vote
2answers
126 views

SP 2013 CCS Background Image

I've created a custom HTML and CSS file, uploaded it to SP2013 using design manager, and converted the HTML to a .masterpage. I want to set a full page background image, so I've added the following to ...
2
votes
1answer
168 views

Word-Wraping for the calendar

The first image named calendarSample1 is a screenshot of the sharepoint calendar in IE10. The second image named calendarSample2 is from Google Chrome. I am trying to make the text within the ...
0
votes
1answer
35 views

SP2013 add IE9 gradient support

I am working on branding SP2013 and everything is working except for IE9 support the gradient. I tried adding in, <!--[if gte IE 9]> <style type="text/css"> .gradient { ...
6
votes
2answers
251 views

Responsive Design

Does SharePoint 2013 have support for responsive design or do you have to create it from scratch? On a side note: How important is it to learn responsive design when you work as a SP developer?
1
vote
2answers
184 views

SP13 Accordian View (HTML Script)

I am working with SP2013. My objective is to add an accordion View to a Summary Link Web Part. I added the Summary Link Web Part. Within the Summary Link Web Part, I created groups. Then I added a ...
3
votes
1answer
74 views

How can I get rid of the columns header when the style 'Boxed' was selected?

I created a new list view with style = 'Boxed' in SP2013. The problem is that this view is showing the columns header in the top when there's no need to do it. So, how can I remove or hide it? I tried ...
1
vote
2answers
60 views

Cellpadding properties not working

I am editing both the HTML and the CSS in order to fine tune the site. I need cell padding in one of my tables, however I cannot get it to work. I am aware HTML5 does not support such a thing, so I ...
1
vote
1answer
110 views

How to move the suiteBar so its centered

I'm having trouble moving the suiteBar using the margin:0 auto 0 auto; method. I'm trying to make the my sharepoint site's content centered no matter the monitor's screen size (adjusting the width of ...
1
vote
1answer
83 views

How to show bullet for 2nd level link in current navigation?

My current navigation is like below: Page1 - Link1 - Link2 I want to show "arrow" for Page1 and "bullets" for "Link1" and "Link2". I am able to do the "arrow" part using the following code: ...
2
votes
1answer
168 views

Add Vertical Scroll in IE9

I'm re-branding an Intranet publishing site for SharePoint 2013 using VS2012 - I'm creating project as a Feature and deploying the .wsp file locally. Using IE9, short pages have no vertical scroll ...
0
votes
1answer
310 views

Sharepoint 2013 foundation custom css

I am having trouble adding my custom css file work in Sharepoint 2013 foundation. I added a link tag in both v4.master and seattle master pages but to no avail. I thought it would be straight forward ...
1
vote
2answers
235 views

Add CSS Classes to ContentBySearch.getPictureMarkup

I'm trying to create a custom design on a Content Search web part. In the display template the var pictureMarkup is created using this line: var pictureMarkup = ...
2
votes
1answer
50 views

Background image transition SP2013 - is it possible?

We are attempting to use SP2013 as our corporate external website and are required to have a homepage that has a transitioning background image. Simple enough for a 'normal' website but successful ...
0
votes
1answer
42 views

How to cache js/css/media assets from server in apps?

If you reference for example a JavaScript library from a CDN it will loaded from the browser's cache if it has already been downloaded. But SharePoint doesn't always run in a Internet facing ...
0
votes
1answer
138 views

Unable to create Image Slider web part using slideShow.js

I want to make the web part for image sliding for Picture Library. I got this link for doing so. My code for visual web part is : <!DOCTYPE html> <html> <head> <meta ...
0
votes
0answers
70 views

Sharepoint upgrade 2010 > 2013 broken CSS

I upgraded from 2010 > 2013 successfully and before I upgraded to "the new look" the site was displaying as expected. With the new look however I have firstly lost my custom header for the new 2013 ...
0
votes
0answers
161 views

SP.UI.ModalDialog.showModalDialog which is displaying a live camera videos will stop working on IE 9 after a while

I have the following code inside a code snippet on my SharePoint 2013 team site:- <script type="text/javascript" unselectable="on"> function showDialog() { var options = { ...
1
vote
1answer
193 views

CSS and js UX optimization for 2013 master page

I've been trying to optimize the user experience of a 2013 site that has an entirely custom responsive-design master page. So far, the only recommendation I've come up with is "Put your CSS links at ...
0
votes
1answer
151 views

Unable to modify the border colour for the top navigation ribbon

I want to define a blue border for all the top navigation ribbons, so using Firebug I have detected the classes which are responsible for the ribbon as shown in the below two images:- So I use the ...
0
votes
1answer
142 views

How I can apply a border to the Page tab inside my top navigating bar

User mentioned an inconsistency layout problem, for our team site and community site. As the Page tab will not have an upper blue boarder same as other tabs, such as event, calendar, items. So is ...
0
votes
0answers
32 views

Changing the top navigation bar Tabs titles [duplicate]

I need to change the tile for the top navigation tabs, to do so I search for these tabs inside the following folder:- C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\Resources ...
1
vote
1answer
233 views

Can I add hide/show list to my Quick launch links

I have parent/child links hierarchy inside my Quick Launch links, but is there a way to be able to hide/show the child links, instead of always showing the child links? ::EDIT:: I have modified my ...
1
vote
1answer
285 views

How to change the Top Bar tab titles

I have a requirement to change the Top bar titles for my team site and community site. For example I need to change the “Page” to be “Page options”.so from where I can change these titles.? Second ...
0
votes
0answers
145 views

How can I resize a web part to be the size of a div it is sitting in

I am trying to put some final touches on our main portal page. We are using a wiki page with a 2 column text layout. The left column is 75% of the page and the right column is 25%. In the right ...
0
votes
0answers
177 views

javascript:OpenPopUpPage will close automatically on safari web browser

I have the following code to display a pop-up window:- <li class="ms-comm-adminLinksListItem" unselectable="on"> <a ...
0
votes
1answer
100 views

How to change the site setting menu text color from black to white

How I can modify the CSS to change the site setting menu text color from black to white. I am unable to locate the id for these items using IE developer tool. Can anyone advice ? Thanks
1
vote
2answers
168 views

How to remove the Hover /or chage the hover color, when moving the mouse over the current username

I have made some modification to my team site CSS, mainly I make the username text to be white and the background color to be blue. This will work well till the user move the mouse over the username ...
0
votes
0answers
202 views

SharePoint 2013 Online Theme Masterpage Top Nav dropdown links wrap and can't be distinguished

Any good Masterpage CSS fix for this? These are actually two link entries.. looks terrible and as you can imagine tough to use.
0
votes
2answers
95 views

Custom CSS will not work on Internet Explorer 8

I have created a custom CSS file under my (site content --> style library) and I added a reference to this CSS on my master page. I test the layout on chrome, Firefox and IE version10 and it is ...
2
votes
0answers
61 views

SP looking for CSS files in the wrong place

Environment: SP2013 Enterprise, custom master page, Dreamweaver I've made a custom master page complete with its own CSS. My style sheets are linked near the bottom of the <head> like so: ...
0
votes
1answer
121 views

IIS 401 errors getting custom master page css and js

Environment: 2013 Enterprise, single WFE, full control of environment I'm building a custom master page for a SP site collection using a very basic setup. It's a simple responsive HTML page using ...
0
votes
2answers
419 views

Hiding the s4-titlerow Div will not have any effect on my team & community site

I need to remove the unused white space from my team site and my community site, I added a custom CSS which have the following :- div#s4-titlerow{ display: none; } But still the s4-titlerow is ...
1
vote
1answer
898 views

Sharepoint 2013 design manager - best practice to add files / css stylesheet / js javascript / images

What's best practice to add stylesheet / js / images / files in the design manager? What I have done: exported pretty mutch a standard design manager package from sharepoint (wsp) imported it into ...
1
vote
0answers
103 views

css issue when using from SP2010 to SP2013

I have one content editor webpart, in the document library view page which freezes the header row. It works fine when using it in SharePoint 2010 environment. But when I moved that CSS to SharePoint ...
4
votes
4answers
1k views

Custom styling / branding on each web part title / chrome

Is there a way to brand each web part with different styling (title / chrome-title). What I mean is that you could have many different title / chrome styling on the same site. What I want: edit ...
0
votes
3answers
107 views

Css makes different results depend on the admin accounts and other users

<div class="webpartDivBody" style="margin-bottom:-20px;"> <WebPartPages:ScriptEditorWebPart runat="server" .....></WebPartPages:ScriptEditorWebPart> </div> This code works ...
2
votes
1answer
369 views

SharePoint 2013 Global Navigation Branding

How can I get the Global navigation to ignore the core4.css and take up my custom styles. Thanks