blog
{Some Little News}
VR
{Virtual Reality}
media
{Photos + Videos}
code
{Websites + Apps}
5core
{Five Core}
Gmail gadgets on (the) right side
Gmail is the most powerful web based email client, but sometimes it lacks of some customization features.
Since it’s possible to add any gedget by url, and many are already available via Gmail Labs, why not putting them on the right side of the screen?? If you have a wide screen like mine and they are all stacked on the left side, some are hard to be noticed.
Looking to the web there seemed to be no plugin or extension to do this, so I just used Stylish Extension and added some custom CSS rules…
Following I will show how to move on the right side the Tasks gadged:
- Enable Add Any Gadget By URL from Gmail Labs
- Add the Tasks Gadget with the following URL http://www.google.com/ig/modules/tasks.xml
- Enable Right-Side Chat from Gmail Labs
- Move the Tasks Gadget to the top of the gadgets (on the left side)
- Install Stylish Extension
- Create a stylish rule with the domain rule
mail.google.com - Add the following code to the rule:
td.Bu:nth-child(2) > div.nH > div.nH > div:nth-child(4) {
position:absolute !important;
right:0px;
top:262px;
width:164px;
}
I’m no CSS guru, but this is the code I found to work (it was not so easy since gmail CSS complitely lacks of IDs..!). You can change the top distance according to your Chat Gadged height, you can apply the procedure to any gadget in your gmail page, or eventually to more gadgets just by editing the rule above.
The result:
Thanks to the Smashing Magazine for the explanation about CSS pseudo-classes.
Share this post on:
I think that is one of the most vital information for me. And i am glad reading your article. But want to statement on some general things, The web site style is ideal, the articles is truly great : D. Excellent process, cheers
Can’t seem to get it to work. What are the 2 and 4 for? Maybe I need to move things around? I currently have labels, then tasks, then calendar on the left and just chat on the right. Simply want tasks on the right like in your screenshot.
I’m using the new gmail if that matters.
Thanks.
Probably it will not work with the new interface… Sorry!