/ CSS3

The Budget Calculator: Responsive Web Design Example

While The Budget Calculator offers a “Free Budget Calculator to get control of your spending and start planning for the future today”, it gave me an excuse to play with Bootstrap 3 with a focus on aligning inputs responsively. Specifically the Grid System employed by Bootstrap provides greater stability/flexibility versus traditional percentage based responsive site design. As far as dealing with inputs, there are a lot of styling options which I encourage others to evaluate first before pursuing your own customizations. Per the core Bootstrap CSS, I kept it intact and used a second file for non-Bootstrap customizations.

Bootstrap can be found at: http://getbootstrap.com

The Budget Calculator can be found at: http://www.thebudgetcalculator.com

/ Hyper-V

Know Your Limits: Capacity planning for Hyper-V Virtual Machines in Server 2012

This is a follow up to the previous post for Server 2008 R2 (https://thebitsthatbyte.com/know-your-limits-capacity-planning-for-hyper-v-virtual-machines/) and provides limits for Virtual Machines running within Hyper-V on Server 2012. You will notice that the differences are quite stunning, especially surrounding the amount of Virtual Processors, Memory, and Hard Disk Capacity (if using VHDX format). Full details can be …

Continue Reading
/ SharePoint

Using the SharePoint 2013 Trending Tags Web Part Outside of My Sites

Bernado Nguyen-Hoan has found an easy to follow method for using the Trending Tags Web Part outside of My Sites. You can view his post here: http://bernado-nguyen-hoan.com/2013/03/05/using-trending-tags-web-part-outside-of-mysites/#comment-1305 The one challenge I faced was that since I needed to work in SharePoint 2013 Online, and am hesitant about activating the My Site Host feature, I would get …

Continue Reading
/ SharePoint

How to Apply Cumulative Updates and Service Packs to SharePoint 2010 and SharePoint 2013

Since the August 31, 2011 Cumulative Update, it is no longer required to install the SharePoint Foundation Cumulative Update before proceeding with SharePoint Server Cumulative Updates. This greatly eases the burden of applying Cumulative Updates and Service Packs. The high level process for updating your SharePoint Farm is as follows: 1) Verify your current patch level by …

Continue Reading
/ JavaScript

jQuery in SharePoint 2013 Script Editor Web Part not Executing when Minimal Download Strategy (MDS) Enabled

A word of warning. If you have the Minimal Download Strategy (MDS) feature activated in your SharePoint 2013 site, you may have challenges executing jQuery from a Script Editor Web Part or in page code placement.

jQuery that is on page load seems to function, but if you try to execute from a button or click event, it will not execute and leave you with an undefined error tied to the function you attempted to execute. This may be due to the call to execute not being cached, while on page load jQuery events are. If this affects you, there are 2 1/2 options as follows:

1) Disable MDS and lose the benefits of caching

2) Edit the master page to include the jQuery references as listed in this post: http://www.gsoft.com/en/blog/sharepoint-2013-developing-with-the-new-mds-feature

2 1/2) Hope that Microsoft addresses this limitation with a hotfix or Cumulative Update

UPDATE: Previously, wrapping code in $(document).ready(function () { }); was not working, but appears to be functional now when using jQuery 2x. Please test!

/ CSS3

QuickTip: Get the Hex Code of a Color on a Webpage using Internet Explorer Developer Tools

If you need to retrieve the Hex Code of a color on a webpage, you can obtain it by using Internet Explorer Developer Tools. Here are the steps:

1) Open Internet Explorer and browse to the webpage you want (I am using IE10)

2) Open the Internet Explorer Developer Toolbar by selecting F12 on your keyboard

3) Under the “Tools” menu select “Show color picker”

4) Scroll over the desired element and left click to lock in your selection

5) Select “Copy and Close” to copy the Hex Code