Configuring BlogEngine.NET with GoDaddy

September 6, 2016 at 1:04 AMMadestro

If you are reading this, chances are you have figured out by now that GoDaddy does not allow external mail relay.

In other words, if you try to use an external mail server to send e-mail, it won't work.

Fortunately, the solution is simple:

Use their mail relay.

If you are like me, however, you are probably confused as the GoDaddy relay server uses network delivery which means it does not use a username and password.

To get this to work, use the following settings:

  • E-mail Address: someaddress@godaddyhosteddomain.com
  • SMTP server: relay-hosting.secureserver.net
  • Port Number: 25
  • Username: [BLANK]
  • Password: [BLANK]

([Blank] = Do not enter anything, leave empty)

Good luck!

Posted in: Everything else | General Development | Web Development

Tags:

Running Windows Authentication with IIS Express

August 6, 2015 at 10:18 AMMadestro

You may run into a situation where you have configured your site to run Windows authentication but you get an authentication error when you try to browse it during a debug session.

To fix this issue, you need to edit the Application Host file for IIS and enable Windows authentication. You can find the file here:

\My Documents\IISExpress\config\applicationhost.config

Find the <security> section inside the <system.webServer> node and enable Windows authentication as follows:

<system.webServer>
...
  <security>
...
    <authentication>
      <windowsAuthentication enabled="true" />
    </authentication>
...
  </security>
...
</system.webServer>

And that's all there is to it. :-)

Posted in: ASP.NET MVC | Visual Studio | Web Development

Tags:

ASP.NET site that runs in Visual Studio 2012 will not run in Visual Studio 2013: mimeMap entry error

July 25, 2014 at 11:38 AMMadestro

I ran into the following error while trying to open a Visual Studio 2012 solution in the new version, Visual Studio 2013:

HTTP Error 500.19 - Internal Server Error

The requested page cannot be accessed because the related configuration data for the page is invalid.

The detailed information section listed the follwing config error:

"Cannot add duplicate collection entry of type 'mimeMap' with unique key attribute 'fileExtension' set to '.woff'"

The important thing here is not the mime type. It's the action of adding it that is causing the problem.

Apparently, the IISExpress version used by Visual Studio 2013 is based on newer IIS engines (7.0 and up) which throw this error when you add the same mime type at multiple levels in the config files.

You can obviously just add it at one level and solve the problem. However, more times than not this is not ideal and you still need to have the entry there.

Fortunately, there is a simple solution. Add a Remove directive right before you add the mime type:

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
 
And that's all there is to it. By removing the entry right before you re-add it, you avoid this error.

Posted in: Visual Studio | Web Development

Tags:

How to keep IISExpress running after you stop debugging in Visual Studio 2013

June 24, 2014 at 5:01 AMMadestro

It's very annoying to have the IISExpress web server close down every time you hit the STOP button in the Visual Studio Debugger.

Fortunately, it's simple enough to keep it open:

  1. Go to the web application in the Solution Explorer.
  2. Right click on it and hit "Properties" (or hit ALT + ENTER).
  3. Click on the "Web" tab on the left.
  4. Uncheck the box for "Enable Edit and Continue".

And that's all there is to it.

Posted in: Visual Studio | Web Development

Tags:

Getting your HTML e-mails to work across different e-mail clients and browsers

May 23, 2014 at 11:41 AMMadestro

If you have worked on creating HTML e-mails, you know how frustrating and time consuming it can be.

Not all browsers (and e-mail clients) are created equal, so it's very hard to get stuff to look the same in all of them.

I was editing an e-mail the other day and sure enough, it looked great in one browser but completely messed up on the other.

While  reviewing the HTML in Chrome with the Developer toolbar (F12), I noticed a couple of interesting things:

1. The Elements tab does not display MY code. It displays Chrome's rendering which presumably fixes some inconsistencies and most importantly ADDS consistency by tweaking your HTML slightly.

2. The styles tab displays a box at the bottom with a drawing representing the ACTUAL size, margin and padding of the selected object. Notice I said ACTUAL, not the HTML/CSS defined values.

So, armed with these two things, I did the following:

1. Made sure I got it looking great on Chrome.

2. Copied the source from the Elements tab and replaced my source (right click on the HTML node and select "Copy as HTML"). This effectively gives me cleaner, Google-sanitized HTML code.

3. Used the little Styles tab to get the ACTUAL height, width, margin and padding of my objects. I then drew a little diagram on paper to make sure the numbers made sense (sometimes you put a table with 500 width and include a 520 width TD in it, lol). I took all the ACTUAL values and replaced my ORIGINAL values. For instance, if I had declared a width of 500px for a table, but the actual value was 495px and the table looked great, I replaced the 500px with 495px on my document.

Needless to say, it worked like a charm.

Granted, this is not going to fix all inconsistencies among browsers/clients. Some issues require more complex workarounds but this will take you most of the way.

I also know there are tools out there that can do this for you. This is just a quick, free way to get your HTML e-mails displaying properly (for the most part).

Good luck!

Posted in: Web Development

Tags:

Images on rollovers, image buttons or links disappear when you click them on a mobile device

March 4, 2014 at 2:04 PMMadestro

A customer of mine brought up a situation recently where some rollover buttons on a mobile site I made were not working as expected.

In particular, the image was disappearing when users clicked (or rather tapped) on the image link. The only thing left was the alt[ternate] text, while the new page loaded.

It turns out mobile devices have a 300ms delay between a physical tap and the firing of the "Click" event. This is done in order to detect a "double-tap".

After researching a little, I found a decent solution: FastClick.

FastClick is a simple JS library that takes care of this problem while avoiding any interference with your logic.

After downloading FastClick, include it on your html:

<script type="text/javascript" src="/Scripts/FastClick.js"></script>

Then hook it to the objects in question that produce the "Click" (what the user taps on). For instance, if you are using JQuery:

$(document).ready(function ()
  {
       FastClick.attach($('myAnchorTagId'));
   });

Voila!... no more missing images.

Posted in: Web Development

Tags: