Widgetkit Gets Responsive

Now adapts perfectly for all device resolutions!

Jun

Tada! Today we are really proud to announce the first major Widgetkit release since we introduced it back in January. Widgetkit has improved constantly over the last 6 months, but lately we have worked hard on a really important new feature: A completely responsive design for Widgetkit. All widgets including all the fancy effects are now adapting perfectly for all different device resolutions. This goes along with our upcoming Warp 6.2 release which also features a completely responsive design. But besides bugfixes we added nice little features to Widgetkit 1.1.

Responsive Design

All widgets are now responsive! In the first place this is true for all the fancy transition effects like the fold, puzzle or KenBurns effect of the Gallery and Slideshow widget. But also all other widgets like the Slideset, Lightbox and Media Player adapt perfectly for smaller screen sizes. That way, the new Widgetkit is usable for all devices and is also future-proof.

To accomplish this goal, Widgetkit always checks each widget's dimensions against its parent dom element dimensions. If a widget size is bigger than its parent element, Widgetkit automatically adapts the size of that widget. Besides the common resize techniques we also utilize new CSS3 features like transform to make all widgets look nice on any device.

Gallery Image Uploads

We added another cool new feature: Now Widgetkit has its own option to upload images to the Gallery widget. Just drag and drop images from your desktop to the Widgetkit UI and they will be uploaded to your server. We know there are still features missing like managing folders, etc. but this is our first step to improve the image management.

WYSIWYG Editors

And last but not least we now support the JCK Editor and Codemirror in the Widgetkit administration of Joomla. Thanks to the JCK Editor team for making this possible!

We will have a demo of the responsive Widgetkit online next week together with the Warp 6.2 theme release. But don't hesitate to download Widgetkit now and take it for a test drive! We are excited to hear your feedback!

Warp's Responsive Scripts - Part 2 (JS)
Warp gets responsive - Part 1 (CSS)

By Sascha | 27 June, 2012 | Posted in Widgetkit

Comments (40)

tiago.bahi

| Profile | #

So very nice!!!

reply
joel

| Profile | #

absolutely phenomenal! Great work guys!!

reply
greenparrot

| Profile | #

more good news, thanks :D

If you bootstrapped Zoo & Widget UI it would be even better ;)

Roy

reply
michael.anlauf

| Profile | #

Well thats nice.. and i just asked about it some days before. Thanks a lot!

Saludos, Michael

reply
sebmolo

| Profile | #

great lookinf forward for the demo

reply
bigjens

| Profile | #

I assume this works on older (pre Warp 6.2) templates as well?

reply
- sascha
  
  | Profile | #
  
  Sure, this works in any theme. Even 3rd party themes... As written in the article: "If the widget size is bigger than its parent element, Widgetkit automatically adapts the size of that widget" regardless in which theme it is used.
  
  reply
  - bigjens
    
    | Profile | #
    
    Nice! Thanks for the clarification.
    
    reply
damir

| Profile | #

Great job!

reply
hubert.cole

| Profile | #

upload from the gallery pages in widgetkit solves a ton of workarounds. Hope you trickle that idea over to ZOO. Great work incidentally.

reply
solox

| Profile | #

^ agreed. ZOO needs a response as well. :)
Not sure if its in the works or not, but I can imagine a wonderful day in July when a theme, zoo and widgetkit are all in responsive harmony!

reply
george.anderson

| Profile | #

Fantastic news. Well done Yootheme!!!

reply
pablo

| Profile | #

yes, yes, yes!!! Works nice! Big THX!

reply
alpinevp

| Profile | #

Absolutely YOOlicious!

reply
viktor.horst

| Profile | #

Great!!!

reply
antonio.colella

| Profile | #

gud guys!

reply
omar.cornelio.26

| Profile | #

i would like to see,... this tools accepting flash files... can be nice... but... is really nice to ear about new features...

reply
schmallegger

| Profile | #

could it be that currently the "Drop File" funktion does not work? (it does not show in IE 9 for me, and does not work in Firefox 13.0)

reply
- schmallegger
  
  | Profile | #
  
  by the way.. it works with Google-Chrome on the same system :)
  would be nice to be able to delete single images dropped into the box!
  
  reply
- artur
  
  | Profile | #
  
  it should work with IE >=10, IE < 10 doesn't support the new xhr object.
  
  reply
  - schmallegger
    
    | Profile | #
    
    Ok.. IE 10 is not an option right now.. how about Firefox?
    
    reply
brunomiranda

| Profile | #

Beautifull

reply
dolander

| Profile | #

to upgrade is sufficient to re-install the widgetkit?

reply
- michael.anlauf
  
  | Profile | #
  
  Just install.. and enjoy.
  
  reply
ivo.schmid

| Profile | #

amazing! thanks YOOtheme!

reply
nepol

| Profile | #

And JUST yesterday I was complaining when I was building a website that included Widgekit, wondering why wouldn't you do this.

Think again Marco, YOOTheme is great!

reply
darren.bardsley

| Profile | #

Theo's a pro photographer, the gallery uploaded will save me so much time not having to FTP and set up new folders all the time. Well done!

reply
- wirecreative
  
  | Profile | #
  
  [quote]Theo's a pro photographer, the gallery uploaded will save me so much time not having to FTP and set up new folders all the time. Well done![\quote]
  
  It looks like you still need to set-up the new folders via FTP (unless I'm missing something). I just updated and created a new gallery. You need to choose a folder for your gallery before you can drop in new photos.
  
  reply
  - chris.johnson.24
    
    | Profile | #
    
    I'm seeing this too in Wordpress, is there anyway to get around it?
    
    reply
ben.allan

| Profile | #

Great work guys!! Its great to see some serious development happening at the moment! ;)

reply
sebt

| Profile | #

Great news... But I wonder if all the issues with the media player have been fixed? This part of WK is fairly unusable at the moment since it's a 50-50 whether it'll work on a particular machine's browser and plugin combo.

reply
- schmallegger
  
  | Profile | #
  
  finally i got somebody here saying the same as I do :) I also love the idea - but currently its nothing to work with!
  The upload really needs do work on more browsers and include:
  
  - managing folders
  - delete pictures
  
  reply
david.skelton

| Profile | #

excellent! +1 for Bootstrap WP

reply
roman.makarov

| Profile | #

Great news!
YOOtheme you rock!!
It has long been waiting for this.
Thank you for the excellent work.

reply
juan.antonio.ponce.alonso

| Profile | #

Fantastic, its very neccesary

reply
infinart

| Profile | #

Right on! Looking forward to seeing it in action. :)

reply
mac.worasi

| Profile | #

Adaptive... A sigh of relief !!

reply
alpay.beler

| Profile | #

It is great news that it is going to work on mobile devices.

Keep up the good work.
Thanks

reply
steven.weijdt

| Profile | #

Image management should be extended to file management and folder management. This would be a great feature. If ZOO has this, you won't need the media manager that comes with Joomla anymore! :D

reply
varioke

| Profile | #

Great news!

reply