19 Nov

Would you like to create iGoogle-like interface? NETTUTS has shown us how to create a customizable interface with widgets. Each widget can be collapsed, removed and edited. The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).

The user will be able to edit the color and title of each widget. Each widget can contain any amount of regular HTML content, text, images, flash etc. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications.

Requirements: jQuery Framework
Demo: http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html
License: License Free

Sponsors

Comments

http://thebloggerstimes.com AK

Thank you.
That is really very helpful to me. I was actually looking for a guy who can do this. This is great thelp.

Thank you Once Again
AK
http://TheBloggersTimes.com
Milind

nice one.. thanks buddy…
http://www.johandesilva.co.uk Johan

Cant drop pallet top left.
A

@Johan it is because that one is a FIXED widget cant be moved.
Emily

How do you save the new positions of the widgets?
MAR

how can save new position after move
nbatorrent

Great, I am just looking for this.
However, I still wonder to know whether it could save the configurations in Cookie.
roopesh

thx a lot buddy … looking for this from long time … you rox ..
Abid

Good! Its a great job done. Keep it up.
Thank you.
http://www.sedat.web.tr Sedat Kumcu

Thanks for this great article. Best regards.
http://dreamer.onheaven.ru Dreamer

Thanks! You rescued me
http::/www.bengoevaerts.be Ben Goevaerts

Very Nice.
But without saving unesefull.
deepti

how to save widget positions in database.how its working .please help me
buddy

Does anyone know how to save the settings in a cookie so it stays the way the user aranged it on reload? also how to put that cookie in say a SMF forum profile. I want to create a smf forum login on my main page and have this on it as well. saving all the users settings to their profile.
http://bing-gallery.com Deepan

Thanks buddy, Very useful. Great work
Ammar

Thanks,
Ben

Anyone find out yet how to save this?
I will pay for that !!
http://volocuga.com Yura

Beautyful… and absolutely useless. It should be saved to stay in the same state after page reloaded
aaaa

Agreed that it appears to be worthless without a way to save state when the user reloads the page
Dave

Adding state saving is trivial–come on, people, don’t just bitch. Give something back.
Tom

Any updates for the various errors that occur in newer versions of UI? E.g. the “emptyPlaceholder” doesn’t seem to be created correctly in 1.8.4. I get the error “cannot call method ‘hide’ of undefined”.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

Open Source Resources for Web Application Developers

How To Create iGoogle Interface with jQuery

Open Source Resources for You

subscribe to our newsletter - weekly free resouces for web developers

follow us on social sites - rss, facebook, google+, Twitter

Open Source Resources for You