Category Archives: Css

How to ApplyTheme using Gulp Task in SharePoint Online Projects

Hi, This blog post will show you how to create a Gulp task in Visual Studio 2015 intended to Apply a SharePoint theme with custom spcolor file. Why do we need a Gulp task to Apply a SharePoint theme? For example, if we are playing with our CSS files, changing some properties, classes, etc. and Read More →

Compile, optimize and watch our LESS / CSS files with Gulp tasks using Visual Studio 2015 in our SharePoint Online solutions

When we are working on SharePoint (or Office 365) projects, eventually you need to integrate custom CSS, HTML, JavaScript within SharePoint components. I remember my first projects with SharePoint 2007 where we coded server components with C# or VB and it were really hard to integrate custom CSS and JavaScript in our solutions. But since Read More →

Change Site Contents Style in SharePoint 2013

SharePoint 2013 was redesigned thinking in metro style, that’s good for some things but this shouldn’t apply to all. For example, viewlsts.aspx page or Site Contents is used to see quickly all libraries and lists with its modified date and number of items. With the new design it is impossible to see this information “quickly”, Read More →

Create Thumbnails view using client-side rendering and OWA in SharePoint 2013

  I’m really impressed with client-side rendering in SharePoint 2013. Last week I had a requirement to create a new view type in SharePoint to allow users to see previews of documents in a grid instead using the typical format of SharePoint libraries. In SharePoint 2010, probably I would need to create custom webpart, or Read More →

Diseño de menu nav bar con CSS en SharePoint 2013

En el post de hoy quiero mostrar como personalizar el menú de navegación horizontal de SharePoint 2013 utilizando CSS. Para añadir el menú de navegación en nuestra página maestra de SharePoint, utilizaremos este código HTML:   Este código es ejecutado en tiempo de ejecución por el servidor de SharePoint, el cual devuelve al navegador este Read More →

Create Quick Links toggle lateral panel with jQuery

Today, I ‘d like to share with how to make a toggle panel using HTML, CSS and jQuery. After days researching and googling about this topic, I’m really happy with this solution because have clear design, contains fixed area and hyperlinks whatever you want. Even, you can integrate that in SharePoint environment using Client-side rendering Read More →

Customize Date Field style (CSS, JavaScript) using Client-side rendering in SharePoint 2013

Few weeks ago I posted about client-side rendering in SharePoint 2013: https://blog.josequinto.com/2014/06/12/customize-the-rendering-of-a-xsltlistviewwebpart-with-client-side-rendering-csr-in-sharepoint-2013/. In this example, I overwrote a complete view for a List View Web Part, but now, we will override only a kind of field inside a List or Library. Main goal is achieve the result like below image, where we have a document Read More →

Relocate the “Show More Posts” button in Newsfeed webpart of SharePoint 2013

When we are working on stylize of My Site Newsfeed or Site Feed Web Part in SharePoint 2013, probably we should remove “show more posts” button from below. One solution, instead remove it, may be put it at the top (over title box).   The css code you need to use is: /* Reallocate Show Read More →

[Branding Tip] Custom Style in Newsfeed and Site Feed webpart in SharePoint 2013

Hi, A typical requirement in SharePoint 2013 intranets is the ability to customize styling of My Site Newsfeed or Site Feed Web Part. The MySite News Feed Web Part (also known as the MicroFeedWebPart) has roughly 181 related CSS classes in portal.css. I’d like to share with you a custom CSS included in SharePoint master Read More →