CSS – Page 2 – Knowledgebase

Nice post on using CSS pseudo-elements

28 November, 2014 Roel van Lisdonk 0 Comments 1 category

Creating pure css icons, without using fonts or svg or images. http://nicolasgallagher.com/pure-css-gui-icons/ Holey cow, these icons are created with just CSS, no fonts, no svg, no images not nothing, just the magic of

An angularjs switch / toggle, that works in IE8 and modern browser will get css 3 transitions.

18 November, 2014 Roel van Lisdonk 0 Comments 1 category

Code can be found at: http://plnkr.co/edit/wBFKg33JxG7ABIHBvtik?p=preview Based on the code found at: http://codepen.io/iamtyce/pen/kxrhC html template <div class="toggle toggle-alternate {{ value }}"> <label class="{{ value }}">{{ getSwitchText() }}</label> <input ng-class="{

Start progress animation (infinite rotate / spin) on click, without using angulars animation service ($animate).

11 November, 2014 Roel van Lisdonk 0 Comments 1 category

See code at, Plunker: http://plnkr.co/edit/jUzCC1FmtgxdX4gWTVIW?p=preview I used a custom directive with isolated scope:  <script> (function () { "use strict"; // This is the starting point (main) for the angular

Fix table-cell height overflow-y (scroll) in a CSS 3 full page 100% height layout

17 June, 2014 Roel van Lisdonk 6 Comments 1 category

If you are using display: table, display: table-row and display: table-cell in CSS to structure your HTML, then restricting the height of a content cell is difficult. If you want to have a content

How to fix: top row border is invisible, when highlighting the borders of a row using display table and display table-row in CSS.

13 June, 2014 Roel van Lisdonk 0 Comments 1 category

If you want to highlight the borders of a row, when using display table and display table-row, like: You must style the row bottom, left and right borders, but for the top border

Styling, branding SharePoint 2010 based on Active Directory users and groups, no code required, only CSS and Document Permissions

12 March, 2010 Roel van Lisdonk 0 Comments 1 category

To style a SharePoint 2010 site, based on the current user and his active directory role, I use document permissions on css files in the Style Library. The goal of the blog post is to

Knowledgebase

Tag: CSS

Nice post on using CSS pseudo-elements

An angularjs switch / toggle, that works in IE8 and modern browser will get css 3 transitions.

Start progress animation (infinite rotate / spin) on click, without using angulars animation service ($animate).

Fix table-cell height overflow-y (scroll) in a CSS 3 full page 100% height layout

How to fix: top row border is invisible, when highlighting the borders of a row using display table and display table-row in CSS.

Variable sized column with ellipsis in a table

How to add a CSS class to a kendo grid column

Best practices for using relative paths in CSS, HTML and ASP .NET

Showing, Styling and DataBind items in an ASP .NET 4.0 CheckBoxList using CSS and EF4.0

Styling, branding SharePoint 2010 based on Active Directory users and groups, no code required, only CSS and Document Permissions