Home » Blog » Website News

easi-joist Enquiry Form Updated! Finally

Late last year when Internet Explorer 9 was released it came to my attention that the enquiry forms where not completely compatible with the new browser, so I set about updating them one at a time. After a few weeks I had updated the general enquiry form, the trussed rafter enquiry form and the place an order form, the easi-joist enquiry form though I just didn't get round to completing.

So this Saturday, more than seven months down the line, I was browsing the Internet when I came across Gravity Forms a WordPress plugin, this website is actually running on WordPress which is primarily designed to be a blogging platform that you can install on your own web hosts server so you can manage and customise it how you want. Anyway I decided to install the Gravity Forms plugin and I re-designed the general enquiry form in the plugin which which makes it super easy for anyone to make a form because you essentially pick which elements (text boxes, drop downs, checkboxes etc) that you want on your form and it does all the hard work of writing the code for you as well as setting up the database table to store the forms entries and the email notifications to tell you when someone has completed the form.

After testing the general enquiry form and being satisfied that I had it setup and working correctly I decided that it was past time that I sorted out the easi-joist enquiry form so after about an hour of work placing and customising all the form elements I wanted the form was finished. I carried out a couple of tests and then replaced the old enquiry form with the new form I created using Gravity Forms, that isn't the end though because you can still only enter the dimensions and quantity for one joist, in one of the next updates to the Gravity Forms plugin they are going to be adding the ability to add additional elements on the fly so as you are filling in the form you will be able to press a button and add another box or two to the form so you can add another joists details to the enquiry.

Web Browser Support

What web browser are you using and is it up-to-date? Depending on what web browser and version you are using to visit our site today you may have noticed a small info bar at the top of the page letting you know that your browser is out of date.

This is important because as browsers are updated to support new standards like HTML5 so are websites with new features that are only supported by the most recent versions, it becomes costly and problematic to continue supporting older browser versions. Also supporting older browsers requires adding more code to the website which makes the files that your browser has to download bigger which slows down the page load times, and people generally don't like waiting for pages to load.

Earlier this week Google announced their plan to discontinue support for Firefox 3.5 and older, Internet Explorer 7 and older, and Safari 3 and older from August 1st 2011. What their announcement means is that anyone using one of those old browsers will have trouble using Gmail, Google Calendar, Google Talk, Google Docs and Google Sites with them eventually ceasing to work entirely.

So what web browser are you using and is it up-to-date? if not you can get the latest version of the four main browsers by checking out on the links below. If you want to keep your browser up-to-date but don't want the hassle of having to download the latest version every time a new version is released you may want to check out Chrome or Firefox which both have an auto update feature which will automatically download and install the updates without you having to do anything.

Updated 26/06/2011:

If you are unable or don't want to update or replace Internet Explorer 6,7, or 8 you can now install the free Google Chrome Frame plugin that will allow you to view compatible websites such as ours using the Google Chrome engine without having to leave Internet Explorer, it also automatically updates so as Google enables more HTML5 features you will be able to view updated websites that use those features that aren't normally compatible with Internet Explorer.

easi-joist span table updated

Yesterday I updated the easi-joist span table on the easi-joist Sizes page by adding the maximum spans for 195mm deep WS200 easi-joist when designed using standard Domestic & Partition loads, today I have added the maximum spans for easi-joist when designed using Robust Detail E-FT-3 loads. Over the coming months I hope to expand the span table even further to include Office loads, Storage loads, and possibly some flat roof loads.

Updated 05/04/11:-
I have now added the maximum spans for easi-joist when designed using Office loadings.

Updated 15/04/11:-
I have now added the maximum spans for easi-joist when designed for use as a Flat roof.

Enquiry forms and IE9

Late last year it came to my attention that there was an issue with the Internet Explorer 9 beta version which was preventing some of the enquiry forms from being submitted by telling the user that they had failed to complete a required field when the form was validated. Unfortunately the scripts that validate the form are a number of years old now and won’t be getting updated so I am in the process of testing out the jquery validation scripts and so far so good, once I am happy that the test form works I will begin the process of upgrading the existing forms to work with the new scripts. In the mean time I would advise against using IE9 beta when trying to place an enquiry.
The new look Place an Order Form
Update 6/1/2011:
I am now happy enough with the new form validation to start rolling it out, the first to get the upgrade is the Place an Order form which is used to convert an existing enquiry into an order. The only minor issue that I have to sort out is the title tags for each of the text boxes, which are showing “<b>” and “</b>” which is the piece of code that makes text bold, the problem is those title tags double up as the validation error message so they need those tags, no doubt I will find a solution at some point.

Update 8/1/2011:
I have now upgraded the  General Enquiry form with the new jquery validation, the old form was split across three accordion panels, the new form is split across two tabbed panels instead, the first tab is the enquiry form that asks for your name, contact details, and your message to the design team, with the second tab containing the file upload facility.  With the old form you were limited to uploading three files, since we have now moved to new web and emails hosts our maximum combined file attachment size has increased from 10MB to 25MB, so I have added two more file attachment fields bringing the total to five.  The file upload facility is something I have decided to look into further, specifically making the process a bit more user friendly, currently the user doesn’t really know what is going on until they are redirect to the successful enquiry page, it’s not really an issue if the attachments are only small but once you get to a few MB’s it can feel like a long time during which not much seems to happen, hopefully I will be able to find away of bringing some sort of progress indicator into the system.

Update 9/1/2011:
I have now upgraded the Trussed Rafter Enquiry Form with the new jquery validation and the tabbed panel layout as seen on the other recently updated forms.  The only thing I still have left to do on this form is reinstate the feet and inches to millimetres calculator that was found in the sidebar of the old form.

Boar’s Den Barn

I have now converted the post ‘Boar’s Den Barn Framed by TRA Member’ into a page in the ‘Portfolio’ section of the site, this saves me having duplicate content in both a post and a page. It has also given me the opportunity to expand the content a little, I have added a small selection of photos from our Flickr photostream to the page, currently there are only 20 out of the 70′ish photos that form the Bear’s Den Barn set on Flickr. I also plan on expanding the page further over the next month or so, with more details about the easi-joist and trussed rafters used in it’s construction.

You can find out more about the Boar’s Den Barn project by visiting it’s new page.

Website Theme Update Part 3

Page Theme UpdateContinuing on with the website theme update I have now started to apply the same styles used for the blog posts to the pages, I am changing one page at a time, also validating them against the html5 standard, which I am pleased to say most do without making many changes, the enquiry forms I know will not pass html5 validation, not sure what I will do with them yet.

I have also upgraded the spry tabbed panels that were on the easi-joist definitions, trussed rafter definitions, downloads, and McCarthy and Stone pages to the latest version and have changed the styles so they are a better fit with the sites new theme.  As you can see from this picture, the tabs are now spaced slightly, this meant that I had to merge some tabs on the trussed rafter definitions page to ensure all the tabs remained on the one row.  On the whole this has lead to code for those pages being much less cluttered, which will make them easier to update in the future.  One thing to note about the updated theme for the spry tabbed panels and tables is that the gradient backgrounds for these elements will only appear in the latest versions of firefox, safari and chrome, meaning that in the older versions of those browsers and in opera and internet explorer a plain background will appear instead.

Browser compatibility

Recently I have made a number of changes to the web site’s theme so to ensure that visitors get the best experience when visiting the site I carried out browser compatibility testing.  The first stage was to check what browsers people are using to visit the site, so these are the figures for the last month.

  • Internet Explorer – 51.92%
    • V8 – 68.66%
    • V7 – 22.11%
    • V6 – 9.23%
  • Firefox – 26.27%
    • V4 – 1.03%
    • V3.6 – 82.78%
    • V3.5 – 8.23%
    • V3.0 – 2.06%
    • other – 5.9%
  • Safari – 11.61%
  • Chrome – 8.24%
  • Opera – 0.88%

So as you can see most people are using the latest versions of Internet Explorer and Firefox, here are the results of the actual browser testing.

  • IE6 – Problems with transparencies and header
  • IE 7, 8 – OK
  • Firefox 2, 3, 4 – OK
  • Safari 3, 4, 5 – OK
  • Chrome 3, 4, 5 – OK
  • Opera 9.8, 10.6 – OK
  • SeaMonkey 1.1.12, 2.0 – OK
  • Kazehakase 0.52 – OK
  • Minefield 3.7 – OK
  • Shiretoko 3.5.9 – OK
  • K-melon 1.5 – OK
  • Netscape 8.1.3 – OK
  • Avant 11.7 – OK
  • Keape 1.1.13 – OK
  • Navigator 9.0.06 – OK
  • Flock 2.6.1 – OK

As you can see the website works in a variety of browsers even some I had never heard of before, my advice though is to make sure you are running the latest version of the browser that is compatible with your computer to ensure the best and most secure browsing experience.

Browser testing was carried out at browsershots.org, and with the latest versions of IE, Firefox, Chrome, Opera, Safari installed on my pc.

Website Theme Update Part 2

updated theme for blog postsContinuing on with the website theme update, I have recently updated the page header, footers and have made a few changes to the sidebars, such as including links to twitter, facebook, flickr, and our rss feed, the next stage of the update is mainly focused on the blog.

As you can see from this image thumbnail this latest update will bring the styles used for the look of the blog posts more in-line with those used in the new header.  Sticky posts will also get a face-lift, currently the only thing that differentiates a sticky post from a normal post is the background colour, with the new styles sticky posts will display a padlock on the right-hand side of the post title.

I hope to activate this new theme over the next few days, assuming it doesn’t negatively affect any other elements on the site, such as page headings etc.

UPDATE: The new posts theme has now been activated, the only negative affect it has had on the rest of the site is that it has added a small margin around the content on some of the ‘normal’ pages throughout the site, this isn’t going to be a big problem, especially since I still have to tackle the new theme for the pages anyway.

Send us your feedback

You may have noticed a ‘Feedback’ tab located along the left side of your browser, these have been added to every page enabling you to send us feedback, comments, or bugs direct from any page without leaving the page.  Clicking on the tab reveals a simple form three field form, a box for your comment, a box for you to enter the subject (e.g. feedback, bug etc.) and a box to enter your email address, this final box is optional and will only need completing if you want a reply from us.  So give it a go and let us know what you think of the site, what you like, what you don’t like, and any suggestions for improving the site or individual pages.  Oh! and thanks to getbarometer.com which is powering the tab and form.

E & H Baxendale Ltdon