Shawn Weisfeld

Create a template for Orchard

Shawn Weisfeld — Sun, 28 Aug 2011 19:08:08 GMT

Orchard the open source CMS from Microsoft (http://www.orchardproject.net/) has a great tempting engine. The out of the box base template “The Theme Machine” is very powerful and flexible, however if you are as design challenged as I, creating something with it that looks decent is out of the question. To that end I use a very cool template builder, Artisteer (http://www.artisteer.com/) if that is not your speed there are about a million websites where you can download free/low cost templates, however most of them generate a standard HTML page with some javascript and css. I wanted to take a minute to document how I converted my HTML template into an Orchard theme.

(Disclaimer this worked for my site, your template might require some different html changes, especially when it comes time to edit the HTML and CSS)

Step 1: Get the html template. (Did I really need to tell you that?)

Step 2: The goal is to make a theme based on the base template “The Theme Machine”. You will need to follow the instructions on the Orchard site to “Generate a New Theme” http://www.orchardproject.net/docs/Writing-a-new-theme.ashx, however their instructions have you creating an empty theme. We need to create one based on “The Theme Machine”. To do that just alter the codegen step to use the following command:

>> codegen theme MyTheme /BasedOn:TheThemeMachine /CreateProject:true /IncludeInSolution:true

Step 3: Copy the CSS & related images into the “Styles” folder of your new theme

Step 4: Copy the javascript into the “Scripts” folder of your new theme

Step 5: Copy the template html file into the Views folder. I do this so that I have it for safe keeping and it stays with the project. Orchard will not be using it directly.

Step 6: Copy the “Layout.cshtml” file from the “Views” folder from the “TheThemeMachine” template into the “Views” folder of our new theme.

Step 7: This is the hard part, time to merge the HTML template that you found/created in Step 1 with the Layout.cshtml file you copied into your “Views” folder in Step 6.

There are 2 things that you will have to worry about here:

First you need to add references for the css and js files. My template requires 3 css files and 1 js file, so I needed to add the following at the top of the layout.cshtml file. I put mine just below the includes “Style.Include” statements that were already in the file.

My template looks like this:

Converted to the layout.cshtml file it looks like:

Now that we have the head tag filled with all its goodness, it is time to do the body part. Copy over the html from the template into your Layout.cshtml file. You want to copy the html just below the “@tag.StartElement” line of code. With the markup in place, start moving the placeholders from the Layout.cshtml file into the proper places in your new template.

Once you have moved the placeholders around, you will probably need to add a css file tweak everything just right.

Step 8: The menu. My template and my client required a drop down menu, however out of the box Orchard only supports a single level menu. Time to add a module, the “Advanced Menu” module from Piotr Szmyd to be specific. After installing this module you will now have the ability to create multi level menus. However it comes with its own look and feel. If this works for you great, if not, you will have to modify it. Since my template provides for a menu that I like I am going to use it. To do so I need to copy 2 more cshtml files into my "Views” folder. After adding the module you should see a folder for it listed in your “Modules” folder called “Szmyd.Orchard.Modules.Menu”. In there you will find a “Views” folder and in it you will see Menu.cshtml, and MenuItem.cshtml. Copy those two files into the "Views” folder of your theme. Now alter them to match your template, just like you did the layout.cshtml file.

IIS 7 401.2 error

Shawn Weisfeld — Tue, 02 Aug 2011 16:43:17 GMT

I was deploying a website and was seeing the following behavior:

site configured to use Windows Authentication & Impersonation
everything in KB 942043 was set correctly (http://support.microsoft.com/kb/942043)
site was working from IE on the WebServer
site was working from FireFox on my desktop
site was NOT working in Chrome on my desktop “Error 338 (net::ERR_INVALID_AUTH_CREDENTIALS): Unknown error.”
site was NOT working in IE on my desktop, 401 error message after asking for UserName and Password 3 times

The fix was to force the web server to use NTLM. To do this in IIS 7 is just a setting in system.web/system.webServer/security/authentication/windowsAuthentication/providers section of the web.config:

Here is a screen print of my web.config

.NET Micro comes to Dallas

Shawn Weisfeld — Sat, 23 Jul 2011 20:12:38 GMT

I had a great time at the event today and wanted to thank a few folks that helped make this event:

Paul (http://webpaul.net) for leading the discussion
Barrie, Ian, Melissa, Kyle & the rest of the Improving (http://www.improvingenterprises.com) for letting us in there office
Todd & Rob for helping during the labs
The folks at GHI for the prize donations (http://www.ghielectronics.com)
All the all the attendees.

What is next? How about the Kinect? http://research.microsoft.com/en-us/um/redmond/projects/kinectsdk/

.NET Micro

VIEW SLIDE SHOW

DOWNLOAD ALL

LINQ Between

Shawn Weisfeld — Fri, 22 Jul 2011 14:25:21 GMT

Last night at the Dallas .NET UG (http://www.ddnug.net/) Corey Smith (http://addressof.com) demoed a between extension method in VB.NET. I threw together this version for C# for your enjoyment

All it is doing is wrapping the built in Where LINQ method . . .

As you can see that it will work on any type that implements IComparable (http://msdn.microsoft.com/en-us/library/system.icomparable.aspx). IComparable is used in .NET for ordering and sorting, just what we need!

Here is how you would call him:

As you can see there is an optional parameter at the end, so you can select if you want an inclusive or exclusive between (i.e. inclusive says we should return 10 & 20 in the results and exclusive says we should not). I defaulted it to true since that is the behavior of SQL Server (http://msdn.microsoft.com/en-us/library/ms187922.aspx)

Happy coding!

Entity Framework Code First: Executing SQL files on database creation

Shawn Weisfeld — Fri, 15 Jul 2011 13:33:18 GMT

Many times you want to seed data into your DB but don’t want to put all that seed data into your code files, or perhaps you want to add stored procedures, triggers or make other database changes after code first creates your database. While I would argue that the latter impacts one of the “goals” of EF Code First (i.e. centralizing your business logic in one spot), I can see where it might have value. So lets see how we can achieve this mission.

Lets start by creating our data objects. I am going to create a simple object “Tweet”:

Great now Lets wire it up to our DbContext:

You will see that my “SetInitializer” creates a special ContextInitializer. I borrowed this idea from Julie Lerman’s blog post on seeding data (http://thedatafarm.com/blog/data-access/seeding-a-database-with-ef4-code-first/). Lets take a look at the code in that guy:

As you can see we inherit from the “CreateDatabaseIfNotExists<T>” object. This means that EF Code First will only touch database schema if the database is totally dropped. Preventing any unintended accidental database modifications. In the seed method you see that I query the file system for all files that end in .sql, sort them alphabetically (so we can control the order that they are applied to our new database). Then one by one execute them against the context. Great now I can write seed files, stored procedures, triggers or whatever else I want in standard .sql files, and Code First will take care of applying them when it creates the database.

Here is an example of some .sql files for our little Twitter clone:

Nothing all that interesting, except for the naming convention. By placing the numbers in front I can control the order that they get executed against the database.

One last note, I think using EF Code First to “generate” your database for dev/test/qa environments is a great idea. This allows all development and testing to work against a “known”, “common” database state that is easily re-creatable. I am not quite sold on using it to generate the db in production. IMHO when it comes time to migrate to production you can use one of the many database schema diff tools (VS Data Dude, Red Gate, etc.) and prepare delta scripts to “Alter” the production DB to match the test/qa server, and tightly control what gets moved to production and when.

Partial Classes VB vs C#

Shawn Weisfeld — Mon, 04 Jul 2011 19:41:49 GMT

Stumbled across this during a discussion of RIA services today. . . .

Apparently in VB you can have the “partial” modifier on only 1/2 of a partial class. However in C# you are required to put the partial modifier on both halves of the class. I will let you guys argue about what way is better. . . . I think that both have merits. . .

HTTP POST to RESTful WCF Service from a .NET Client

Shawn Weisfeld — Wed, 29 Jun 2011 22:31:24 GMT

Playing with the WCF REST Template today (http://visualstudiogallery.msdn.microsoft.com/fbc7e5c1-a0d2-41bd-9d7b-e54c845394cd). Good Stuff.

When you create a new project with the template it gives you a service called “Service1” we are going to use this guy with 1 minor change. In the “Create” method set it to echo back the object that was passed to it.

[WebInvoke(UriTemplate = "", Method = "POST")]
public SampleItem Create(SampleItem instance)
{
return instance;
}

Ok now lets get to the meat of it and write the client

WebClient client = new WebClient();
string uri = "http://localhost.:9309/Service1/";
string data = "<SampleItem xmlns=\"http://schemas.datacontract.org/2004/07/WcfRestService2\"><Id>2147483647</Id><StringValue>String content</StringValue></SampleItem>";
client.Headers.Add("Content-Type", "application/xml");
var response = client.UploadString(uri, "POST", data);
Console.WriteLine(response);
Console.ReadKey();

I got the contents of the data string by looking at the “help” provide by the service. You can see this if you append “help” to your services URL. In my case that was http://localhost.:9309/Service1/help”. Don’t forget to add the appropriate content type. Finally upload the string and capture the response. . . that is it!

BONUS: if you want to create the XML request without the “uber-string” try this on for size. . . .

//create the xml request document
XNamespace ns = "http://schemas.datacontract.org/2004/07/WcfRestService2";
XDocument doc = new XDocument(     new XElement(ns + "SampleItem",         new XElement(ns + "Id", "2147483647"),         new XElement(ns + "StringValue", "String content")     ));

Convert PNG to XAML in 3 easy steps

Shawn Weisfeld — Fri, 24 Jun 2011 21:48:20 GMT

Yes, even you can do them Robert. . . . .

Step 1: use this (http://vectormagic.com) website to convert your PNG to a PDF

Step 2: rename the .PDF to .AI

Step 3: open in Expression Design and export as XAML

Upgrade your Orchard Site in less time it takes to eat breakfast

Shawn Weisfeld — Fri, 17 Jun 2011 12:52:43 GMT

As you might know I have been working on the UserGroup.tv website, and I am using the new free Open Source Content Management System from Microsoft, Orchard (http://www.orchardproject.net). Noticed the other day that they have released version 1.2 and I was running 1.1, I thought to myself, self I should upgrade.

1) First things first, time to back up my local environment. I keep a copy of the site running on my laptop. I use WebMatrix with IIS Express and a copy of SQL Server running locally to develop. So before doing anything I made a backup of my local database, and the folder with my project in it.

2) Next it was time to backup the production site, my hosting company has a button to create a backup of the production db so I used it. Then copied that backup down locally. Then just to make sure that my production environment and my dev environment were in sync, I downloaded the production site overlaying my local copy. Restored the production database locally, and updated the connection string in my local copy of Orchard to point at the new database (look in the App_Data/Sites/Default/Settings.txt folder).

3) Ok, now that I am sure I got a copy of my production site running locally without any issues it is time to pull the trigger. I downloaded the latest copy of Orchard, unblocked the zip file, unzipped it into my local folder that contained the copy of my production code.

4) Now time to test, open WebMatrix fire up IIS Express and ensure that everything is working fine.

5) For me everything worked out of the box, no issues, time to go to production!

6) Now I just need to FTP up the files (without the App_Data folder) to my production site, and test everything one more time.

Total time to complete the upgrade, eat breakfast, and write this article 30 min. #winner

LINQ Regular Join vs. Outer Join

Shawn Weisfeld — Tue, 14 Jun 2011 16:31:03 GMT

Was asked to put together a quick and dirty sample of doing a join in LINQ. . . .

Here are some setup classes that I am going to use:

   1:  public class MyDto

   2:  {

   3:      public int CustomerId { get; set; }

   4:      public string CustomerName { get; set; }

   5:      public string ItemId { get; set; }

   6:      public string ItemName { get; set; }

   7:      public float Amount { get; set; }

   8:  }

9:

  10:  public class SalesPrice

  11:  {

  12:      public int CustomerId { get; set; }

  13:      public string ItemId { get; set; }

  14:      public float Amount { get; set; }

  15:  }

16:

  17:  public class Customer

  18:  {

  19:      public int CustomerId { get; set; }

  20:      public string CustomerName { get; set; }

  21:  }

22:

  23:  public class Item

  24:  {

  25:      public string ItemId { get; set; }

  26:      public string ItemName { get; set; }

  27:  }

First I am going to fill the objects with some dummy data:

   1:  List<SalesPrice> prices = new List<SalesPrice>()

   2:  {

   3:      new SalesPrice() {CustomerId = 1, ItemId = "A", Amount = 5},

   4:      new SalesPrice() {CustomerId = 2, ItemId = "B", Amount = 10},

   5:      new SalesPrice() {CustomerId = 3, ItemId = "C", Amount = 15},

   6:      new SalesPrice() {CustomerId = 4, ItemId = "D", Amount = 20},

   7:  };

8:

   9:  List<Customer> customers = new List<Customer>()

  10:  {

  11:      new Customer() {CustomerId = 1, CustomerName = "Sam"},

  12:      new Customer() {CustomerId = 2, CustomerName = "Sally"},

  13:      new Customer() {CustomerId = 3, CustomerName = "Joe"},

  14:      new Customer() {CustomerId = 5, CustomerName = "Bill"}

  15:  };

16:

  17:  List<Item> items = new List<Item>()

  18:  {

  19:      new Item() {ItemId = "A", ItemName = "Fork"},

  20:      new Item() {ItemId = "B", ItemName = "Knife"},

  21:      new Item() {ItemId = "C", ItemName = "Teddy"},

  22:      new Item() {ItemId = "F", ItemName = "Ball"}

  23:  };

Now lets do a regular join:

   1:  var results1 = from p in prices

   2:                  join c in customers

   3:                      on p.CustomerId equals c.CustomerId

   4:                  join i in items

   5:                      on p.ItemId equals i.ItemId

   6:                  select new MyDto()

   7:                  {

   8:                      CustomerId = p.CustomerId,

   9:                      ItemId = p.ItemId,

  10:                      Amount = p.Amount,

  11:                      CustomerName = c.CustomerName,

  12:                      ItemName = i.ItemName

  13:                  };

Note that we are missing one of our SalesPrices, depending on your business rules this might be bad, very bad. . . . . how about an outer join

   1:  var results = from p in prices

   2:                  join c in customers

   3:                      on p.CustomerId equals c.CustomerId into priceCustomer

   4:                  from pc in priceCustomer.DefaultIfEmpty()

   5:                  join i in items

   6:                      on p.ItemId equals i.ItemId into priceItems

   7:                  from pi in priceItems.DefaultIfEmpty()

   8:                  select new MyDto()

   9:                              {

  10:                                  CustomerId = p.CustomerId,

  11:                                  ItemId = p.ItemId,

  12:                                  Amount = p.Amount,

  13:                                  CustomerName = pc == null ? string.Empty : pc.CustomerName,

  14:                                  ItemName = pi == null ? string.Empty : pi.ItemName

  15:                              };

Great now we got everything! Hope this helps you, perhaps more important it is going to help me when I forget next week.