Panel, Tab and Window Styles Coming Soon To Google Chrome Web Apps

by chrome story on July 24, 2010 · 10 comments



Nothing much is  known about how Google Chrome Web Apps will work. Thanks to Giovani H Ceotto, a Google Chrome Apps and Extensions developer, we have some cool info for you on how apps will be working.

Please note things are still being developed and things you see on this post, may not make it to the final build. But its always to have a taste of things to come, right ?

Hot Stuff First

Chrome Web Apps will have option of opening in three forms. As a Tab, As a Window, and as “Panel”. How this options will be managed, this I am not sure. It could be a setting on each app, letting you have different apps open in different styles, or one setting for apps in general. We will have to wait for more details on this.

Here is the option to manage this on the new tab page, to the extreme bottom.

Chrome apps panel options

Default is how it looks like for you now, if you have enabled apps.  Tab option also looks similar as of now. We will have to experiment more to figure out how different it is.

If you select “window“, apps will open as a new window. Simple ? May be, or may be something more to it. Stay tuned for detailed analysis.

Panel option gives apps a light weight look. With no UI clutter of the browser, it opens up as a separate window. It is also easy to resize them. Here is how it looks like.

chrome app panel form

Now, some random facts about Apps behavior

Now, some random facts about Apps behavior since I have used couple of them for few weeks now. If you have an app installed for a website, whenever you type the website address and open it in the normal way, chrome will open the website in the app form.

For example, since I have twitter web app installed, whenever I type twitter.com to the address bar, it will open the twitter app, and not the normal tab.

Apps, by default will not show the browser toolbar. If you want to see them, right click on the tab, and select “Show Toolbar”

If you have a app opened, for a website, Chrome will not let you ( at least now ) open a second tab with the same website. It will always take you to the app that is already open.

If you have noticed any interesting fact about how Chrome Web Apps work, please share it in comments !

How I Enabled This

Okay, I know, many of you want to know how I enabled this, here you go guys ! You guys should say thanks to Giovani H Ceotto. He taught me how to do this :)

Update : Instead of the custom.css edit, using the commandline switch. –apps-debug (thanks PhistucK )

===

Open C:\Users\%%the user name%%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets
( Do not forget to replace  %%the user name%% with your actual username )

Open custom.css using notepad.

Add the following line of code and save it.

.sections #debug{display:block !important}

Open chrome again, go to new tab page and look at bottom !

ps: If you guys found this useful, please share with your friends, tweet about it, or digg it ! thanks !!!

Related posts:

  1. Quick Update – Chrome Gets Web Apps Sync Google Chrome Web App’s Official Release is nearing, and the Chrome Web Apps Store also should be here soon. Recent update by DownloadSquad.com about Chrome...
  2. Firefox 4 Will Have Apps Tab Like Chrome ( may be ) Firefox team is  planning to implement App Tabs feature in the next stable release, Version 4.0.  This feature has been added to the second beta version of...
  3. How to Get Google Chrome Web Apps Working – Now ! Remember Google Web Apps and Google Web Apps Store from Google IO 2010 ? We were all waiting to try them out. Hot Update :...

{ 8 comments… read them below or add one }

1 fonix232 July 25, 2010 at 6:08 pm

Erm, one question.
I enabled apps, DL’ed the ChromeOS extension, and tried to put apps in separate Panels. But somewhy it won’t get saved and apps are opened in new tabs even I selected panels. Any workaround?

Reply

2 chrome story July 25, 2010 at 6:36 pm

did I edited the custom.css file, and restarted browser ?

Reply

3 fonix232 July 25, 2010 at 7:09 pm

So did I. But it won’t save my selection, it jumps back to the original “Tabs” selection :S

Reply

4 chrome story July 25, 2010 at 7:12 pm

You need to select panel each time .. at least of now ..

Reply

5 PhistucK July 25, 2010 at 6:37 pm

Instead of using the User Stylesheet hack, you can add a command line switch -
–apps-debug
Which will show it without adding redundant CSS rules to all of the pages.

Reply

6 chrome story July 25, 2010 at 6:38 pm

PhistucK, you rock !!

updating the post !

Reply

7 PhistucK July 26, 2010 at 10:36 am

One more thing – you do not have to write this one -
C:\Users\%%the user name%%\
You can simply use %userprofile% (Windows will automatically replace it with the location that fits the operating system).
This works on Windows XP and Windows Vista (and I bet it also works on Windows 2003\2008\7) -
%userprofile%\local settings\application data\google\chrome\user data
%userprofile%\local settings\application data\google\chrome\application

Reply

8 chrome story July 26, 2010 at 10:51 am

thanks ! I am thinking about an separate post with steps to edit and add command line switches ..because its required to test loads of new things !

Reply

Leave a Comment

{ 2 trackbacks }

Previous post:

Next post: