CSS3, HTML, HTML5, JavaScript, JQuery, Programming

Simple CSS Only Flip Effect for a Div

FlipEffect

Adding a flip effect to content on your Web page can be a handy way to show extra content. In this case, I’m showing an example flip effect that happens on the click of a button above the area. You can click the button multiple times to have the front or the back of the flip area show. Continue reading “Simple CSS Only Flip Effect for a Div”

Advertisements
Programming, JavaScript, VB.NET, ASP.NET, HTML, WebForms, HTML5, CSS3

Javascript and Bootstrap CSS: Showing a Save Screen that Locks Page Elements

The goal of this example is to make all elements on and HTML form un-selectable while something like a Save/Load/long database lookup is happening. What we’ll do is superimpose a div over an HTML form, and have that div show opaque lines over the form as well as a clear area that says Loading or Saving.

We’ll make the page look like the image to the left, so that it is clear to the user that the form they were working on is temporarily disabled. Continue reading “Javascript and Bootstrap CSS: Showing a Save Screen that Locks Page Elements”

CSS3, HTML, HTML5, Programming, SharePoint, Web Development

SharePoint 2016: Making the Quick Launch Bar Dynamic and Styling the Menu Items

Fly-out Menu
Fly-out Menu
The default look of the stock left hand side menu (also called the Quick Launch menu bar) that comes with SharePoint is really basic and is meant for you to style. The default behavior is to show a 2-level deep menu containing ‘Headings’ and indented ‘Navigation Links’. This hierarchy is static and is shown to the users as entirely expanded, which can take up a lot of screen real-estate.

Continue reading “SharePoint 2016: Making the Quick Launch Bar Dynamic and Styling the Menu Items”