Posts

Showing posts from November, 2016

Hex Icons

Image
Hex Icons are so much better than using images for buttons. In this example I am using the Hex code to illustrate the magnifying glass inline with an input texbox. I have used inline styles so that it is easy to see the styles I applied. The Hex code is the value of the input and shows the icon inline with the texbox to the right. <div style="background-color: white; height: 30px; width: 258px;"> @Html.TextBox("SearchTerm", null, new { @placeholder = "Enter Search Term", @style="width:220px;" }) <input id="searchBtn" style="border: 0; cursor: pointer; display: inline; height: 100%; margin-right: 0px; margin-top: 0px; width: 30px;" type="submit" value="&#x1f50e;" /> </div> I like this site for finding Hex Icons: http://graphemica.com/ Including a little lock on Admin sections 🔒 is nice

Environment Config Setup

Image
If you have multiple environments like most of us do and need to accommodate different settings in each there is an easy approach by using the Configuration Manager and the Web Transformations. To get started go to Setup environment (integration, acceptance, etc) Then right click web.config and choose “Add Config Transform” that will add your environments in (as I have done in image below) Now if you have a setting that is different between your debug, and Release you can put the setting in each config but in the override one you will add in the Transform and Locator attributes as shown.   <add key="filestoragepath" value="\\mypath\Dev\"  xdt:Transform="Replace"   xdt:Locator="Match(key)" />