My Blog

Author:Philip BeadleCreated:Monday, September 15, 2008 10:40 AM
This blog is more general than my Blog at http://www.dotnetnuke.com/Community/Blogs/tabid/825/Default.aspx. You'll find mostly technical tips and tricks and things i am doing in the MS user group community.

After my last post I got a response from Joseph Sak.  Joseph told me that I could achieve the same outcome of the

div.float-clear {
   clear: both;
   height: 0px;
   overflow: hidden;
}

<div class="float-clear">div>

by simply adding overflow: hidden; to the parent div of the one with the floating divs.  I tried this out and voilà you get the same effect without having to add the extra div to clear the floats.

So now I have changed the HTML to this

<div class="float-clear">
        <div id="links">
            <a class="SkinObject>Home> | 
            <a class="SkinObject>Contact Us>
        div>
        <div id="user">
            Content goes here
        div>
div>

and the CSS now looks like this

div.overflow-hidden{
 
   overflow: hidden;
}

Less markup for the same effect.

I have been building some new skins using CSS to do the layout.  This is a bit of a challenge but worth it once you get the hang of it.  One of the neat tricks I learnt from Damian Edwards is that when you float a div this can behave differently in IE and Fire Fox.  So a good way to get the divs to behave is to add a clearing div like this:

Add this to your CSS

div.float-clear {
   clear: both;
   height: 0px;
   overflow: hidden;
}

and then add a div like this

<div class="float-clear"></div>

just inside the enclosing div like this

<div>
        <div id="links">
            <a class="SkinObject>Home</a>&nbsp;|&nbsp;
            <a class="SkinObject>Contact Us</a>
        </div>
        <div id="user">
            Content goes here
        </div>
        <div class="float-clear"></div>
</div>

The links and user divs are floated in the CSS and the float-clear div makes the layout work correctly in Fire Fox.

To get my fixed width site design to be centre aligned I used two methods together.  For Fire Fox i used

<div id="pagecontent" style="width:1003px; margin:0px auto 0px auto;">And for Internet Explorer i used

#pagemaster
{
 
      text-align:center;
}

in the CSS file.

So there you have it how to make your CSS layouts behave perfectly in both IE and FF.

 

I wanted to make sure everyone knew that the DotNetNuke crew are putting on our first ever conference in Las Vegas in November this year.  We have a site up here http://www.openforce07.com
This event will be the first time that there is an official DotNetNuke conference and as you would expect we have secured all of the top DotNetNuke practitioners from around the world including yours truly.  We are “Super Excited” (Microsoft over used termJ) about this as it shows that DNN has really matured as a product, eco system and community.  As an added bonus attendees also get complete access to DevConnections which will have lots of the cancelled PDC contentJ.  And as an even better added bonus you can win a Harley Davidson as well and we all know how I feel about that!
There are 24 sessions over 3 days that cover Skin Design, Module Development, Site Administration and panel discussions on Open Source and other interesting subjects.  Its cool having a surname starting with B as Im on top of the speakers list too.
So hope to see you there!!!!

All you need to do is set the spellCheck="IeSpellCheck"  in the web.config

<add name="Ftb3HtmlEditorProvider" type="DotNetNuke.HtmlEditor.Ftb3HtmlEditorProvider, DotNetNuke.Ftb3HtmlEditorProvider" providerPath="~\Providers\HtmlEditorProviders\Ftb3HtmlEditorProvider\" toolbarStyle="Office2003" enableProFeatures="false" spellCheck="IeSpellCheck" />

Today i had to increase the amount of content shown in one of the RSS feeds on www.readify.net.  The feed is from our Media Centre announcements list and it was being truncated to 100 characters which was not what we wanted.  So I increased the Description Length setting on the module and re-indexed the content.  No joy, I was still getting the same output, so I added a new item and tried again and got the desired output. 

So now i had to figure out how to get rid of the existing indexed content in the search system so i could start fresh.

So I ran

delete from searchword

delete from searchitem

against the database and re-indexed a couple of times to make sure it hadnt timed out before completing.  Now I get up to 2000 characters in my RSS feed .

At ReMIX I presented a session on Visual Studio Orcas - What's new for web developers which went down pretty well for my first big event. Dave Glover from Microsoft co-presented with me and we had a bit of fun.

Philip Beadle's ReMIX Session

And later that night I did a WebJam after about 10 beers I still managed to do it all in 2 minutes 21 seconds.

WebJam

Here's a couple of shots of me out with the crew from Microsoft.

This is the Speakers Dinner the night before at The Brasserie at Crown Casino.

And after reMIX a bunch of us went out to the Stokehouse in St Kilda.

I had a great time at ReMIX, the atmosphere was quite different from TechEd as there was about 360 people which made for a more intimate setting than thousands of tech heads running around.  Saw lots of corduroy and way cool designer types there .  We were told that the videos and presentations will be available soon so you can watch all the sessions soon.

Some of the sessions I went see were the keynote by Brian Goldfarb who I spent quite a lot of time with over the course of the event, Brian showed a cool demo of a Chess game where you could pick which technologies would play each other such as javaScript vs .Net, the demo was to show that .Net can calculate many times faster than js.  He was talking about Silverlight 1.1 and the DLR and illustrating that Silverlight 1.1 is going to enable some very cool applications.  We saw another really cool demo written by some guy called Cam at Readify  it was actually Damian’s cool www.SeeMyRisk.com WPF XBAP application but Shane Morris got his name wrong (and profusely apologised after). 

Below are some notes I took during the sessions.

Lee Brimelow - Frog Design
Monday, 25 June 2007
10:45 AM

  • Lee is working on the new Yahoo Messenger which is written in WPF
  • www.theWPFBlog.com
  • The battle between MS and Adobe will produce awesome products and tools.
  • Direct competition between Flash and Silverlight will ensure both products grow.
  • Talked about how the design comps rarely get to market as the design is not really possible and devs have to build a lot of the design to get the product done.

5 Rules of a prototyping

  1. 1 day only to build
  2. Don’t use white boxes, make it as visually pleasing as poss
  3. Only use XAML for the real parts, PNG work well for fake parts
  4. Don’t just proto for your real work, proto for learning
  5. "Don't worry about coding the correct way"??? (Not sure about this, this can encourage bad coding!!)

Tools that Lee uses:
Photoshop - said “why use Expression Design?” Lee reckons the stuff you can do in Design you can do in Blend anyway.
Blend
VS2005
ZAM3D
 
Using sliders is a really good way to add input values to your WPF models
ZAM 3D is very easy  www.erain.com/products/ZAM3D
Separate 3D meshes into separate files, don’t just add them to your Blend XAML.
 
3DTools -codeplex 3DTools
 
Check out the “Radial Panel” by Charles Petzold
 
Converting Action Script to C# is really easy - Foundation Action Script 3.0 Animation is a great book.
 
RenderTargetBitMap can create an image of any WPF element.
Rendering WPF elements as Bitmap when not needed improves performance

The Carousel algorithm is very versatile - a good one to know well
 
Fake Vista background looks good on a prototype
Showed hardware interation from Phidgets - slider etc www.phidgets.com
 
ContentPresenter.com
 
WPF Unleashed is in lee’s opinion the best book on WPF.


Laurence Moroney - Silverlight, XAML & JavaScript
Monday, 25 June 2007
12:03 PM

  • Silverlight js library is a common library that abstracts all the different browsers away from your code.
  • createSilverlight() to instantiate an object
  • Is worthwhile to get started using Silverlight 1.0 with js as the migration to Silverlight 1.1 and C# is quite simple.

There are some great features in the Silverlight js libraries to make it really easy to manage media eg

Var video= host.content.findName("theVideo");
 
Var seconds = video.postion.seconds
 
Easy methods for controlling volume
 
Download progress property and download progress changed event, fires at beginning and end.
And buffering progress fires every 5%
 
XAML is just text therefore firewall friendly
XAML is searchable - good for RIA to be searched

This last point I want to expand on a bit.  Flash is a good long life product that has been around the block a few times now but it is not indexable by search engines.  Silverlight on the other hand being totally text rendered from XAML is completely searchable which gives it another major leg up on Flash.

Philip Beadle & Dave Glover – Orcas for Web Developers

I then spent the next 2 sessions getting primed up to do my session with Dave.
the AV guy was a dud, I had 15 mins to get ready and wanted to make sure that the audio level for my intro track was right and he came back to the room (after me sending someone to find him) 2 minutes before the session and didn’t get the level right.  So when the audio started we couldn’t hear it until I cranked the output level

So after a slight hiccup in the intro I got started.  This was my biggest crowd of about 250 and i really enjoyed it.  When the sessions are published you can check out the content, but the main points are:

  • We can use Orcas (2008) on current projects straight away because of the cool multi targeting feature.
  • The CSS designer now gives us great tools and there is no excuse for table layouts anymore
  • The new Listview control and the data pager control are very good and give you all the niceties of the repeater but built in CRUD support as well
  • The JavaScript Intellisense and Debugging are simply awesome, js is now properly supported in the IDE.

The party at Galactic Circus was lots of fun. There was a WebJam event in which I entered and managed to do my whole thing in 2 minutes 21seconds.

That’s right I installed DNN, skinned it, installed the blog module, created a new user, created a blog and wrote a blog post in only 2 minutes and 21 seconds.

Loads of fun and mayhem involved. 

Then we went bowling and I managed to have an interesting score of double gutter, strike, 1, double gutter, strike etc. Andrew won and Paul S showed off his amazingly smooth bowling action.  Lorraine and I brought up the rear in the scoring and Damian and Lachlan from webJam settled in the middle.  Laser squirmish was next and wow that was fun, running around in the dark pretending to be Chuck Norris on a bad hair day. Damo had so much fun he played again.

Then we had free reign to all the arcade games which was great fun. 

Day 2 saw a few sore heads and some WPF sessions that I didn’t take notes for.

Later the Readify guys had a sit down with Brad Howarth who is going to write us up in the paper I believe.   I wandered around the crowd pushing the new Silverlight course and was encouraged to hear most people saying they were seriously interested in attending.  The flyers were pretty cool.

Then it was on to the Developer vs Design Panel of Experts where I was on the panel and had a fun time talking with 3 other “industry heavyweights” about designers and developers working “together”. I got some good feedback from several delegates which is always nice. So now my PD is to get more into the “Devigner” role.

Michael Kordahi has knocked up a pretty good blog badge for ReMIX.  I like it

CAPTCHA = "Completely Automated Turing Test To Tell Computers and Humans Apart"

  
DNN Template Maker

Artisteer - Web Design Generator

  
UsersOnline
MembershipMembership:
Latest New UserLatest:Ian
Past 24 HoursPast 24 Hours:0
Prev. 24 HoursPrev. 24 Hours:0
User CountOverall:29

People OnlinePeople Online:
VisitorsVisitors:6
MembersMembers:0
TotalTotal:6

Online NowOnline Now:
  
Talk to me
  
Good Books
My Logos


MVP Logo
From: 2004-2009

Lorraine Young's DNN Site

DotNetNuke Sponsor and Platinum Benefactor logo

 Microsoft ASP.net logo

microsoftcertifiedprofessional.gif

vicnet_logo.gif