Apps Developer Blog

Information for Google Apps Developers

Building UI in Apps Script just got a whole lot easier!

June 21, 2011
Share on Google+ Share on Twitter Share on Facebook
Google
Labels: Apps Script

23 comments :

Rahim Hirani said...

This is an absolutely fantastic feature!

June 21, 2011 at 1:28 PM
Daniel said...

When will this feature roll out for Google Apps Education?

June 21, 2011 at 2:30 PM
Nil said...

Why is that 'I' in 'UI' lowercase? It's bugging the hell out of me...

June 21, 2011 at 3:11 PM
Anonymous said...

Nil - standard policy to use pascal case to name classes without upper case strings of letters together (upper case represents constant values in code).

June 21, 2011 at 3:20 PM
Adis H. said...

Reminds me of something :D http://bit.ly/ma9l3y

June 21, 2011 at 4:54 PM
Anonymous said...

sorry guys Tibco GI had this years ago. The real gui builder is called a Designer and was built by a Sencha intern (see ExtJS).

June 21, 2011 at 9:04 PM
Peter Svensson said...

I agree that TIBCO did this years ago, also IBM Project Zero, that Korean guy's PHP-based UI designer, WaveMaker, MS Visual Studio ( :) even et.c

But the interesting point here is not that UI WYSIWYG editors already exists but that Google now has a decent one that is *integrated with Google Docs/Apps* so the back-end storage and connectivity is solved. Maybe not in an optimal way (yet) but still not something you have to worry about.

I think this is the beginning of something that will go a very long way. Looking forward to views/containers and transitions so we can have tab, stack, accordion containers and hierarchical containers.

Good work!

June 21, 2011 at 10:03 PM
Mike Pirnat said...

So now we've almost got an online version of HyperCard? Excellent! (No sarcasm intended; HC was an amazingly liberating platform, and quite ahead of its time.)

June 21, 2011 at 10:39 PM
Clement Herreman said...

That is suspect, it looks like VB6 built on Javascript.

June 22, 2011 at 3:04 AM
mark0108 said...

When Will this be added?

June 22, 2011 at 7:41 AM
mark0108 said...

when will this be added?

June 22, 2011 at 7:41 AM
RS said...

Where can we go for help on this? The example code doesn't work for me. I created my own GUI and saved it as ATMProgram. I used the sample code provided in the help file. All I did was change the line app.add(app.loadComponent("myGUI")); to reflect my GUI's name which is "ATMProgram", and I get this error: Invalid argument: resourceName (line 3). I've googled the error, but with no luck. Why doesn't the most basic sample code work?

function myFunction() {
var app = UiApp.createApplication();
app.add(app.loadComponent("ATMProgram"));
SpreadsheetsApp.getActiveSpreadsheet().show(app);
}

June 25, 2011 at 11:49 AM
Michael said...

@RS
Post your question at the Google Apps Script help forum:
http://www.google.com/support/forum/p/apps-script?hl=en

June 25, 2011 at 9:05 PM
Nicolas ANDRE said...

Hi Thx for the video. It's possible to have the full code ?

July 13, 2011 at 8:06 PM
Raul C. said...

Currently, Jul 17th, loadComponent( "resourcename") method is still causing a bad "Invalid Argument: resourceName" error.

July 17, 2011 at 1:12 AM
Raul C. said...

Hi i would like ask a question:

as loadComponent("resourceName") method is still not working, is there any chance to add an "Export_Code" functionality tu GUI Builder (something like a new option in File menù)? In this way we could be able to cut - paste relevant component's code created by GUI builder.

Thansk for your support.
Raul

July 22, 2011 at 12:27 AM
Raul C. said...

Hi
it is my pleasure to inform you all that today (@July 23rd 2011), the loadComponent() method
IS WORKING FINE (also for my scripts). And it is a really GREAT feature!!

Thanks to all the guys they worked on it.

Raul

July 23, 2011 at 1:51 AM
Michael M said...

Do we have to build the UI again for every spreadsheet we want to run the script in?

October 12, 2011 at 10:33 PM
Felicia said...

I'm trying to play with this as a newbie and build a form with two text boxes and button where I can take two numbers and add them and return the results under the button. I can build the GUI form and display it as a gadget in Sites, but I can't get the button to work (and probably the input boxes either). Yes, I'm a total newbie - just curious and want to try it out.

January 18, 2012 at 3:55 PM
Gajendra said...

hi everyone!

my code is not showing any error at run time but I don,t know why its not showing my ui screen.please help me.

function doGet() {
var app = UiApp.createApplication();
var component = app.loadComponent("MailGui");
app.add(component);
return app;
}
function sendMail() {
var txtTo=app.getElementById("txtTo");
}

February 21, 2012 at 11:20 PM
commet said...

Hi Corey - Is there any way you know of to reference an "app" after saving the appid(using "app.getId()")?

That would be great and provide access to widgets on other pages.

Thanks Commet

March 8, 2012 at 8:47 AM
Nick Dorogavtsev said...

OMG! I'm so excited! Raw tool... but better then nothing :-) Anyone knows where to submit found glitches?

October 19, 2012 at 4:09 AM
eric marten said...

One of the most important feature of the app builder is app script,Ui script etc and we can learn with the help of this blog information. Thanks for sharing this useful information with us.

May 27, 2013 at 11:37 PM

Post a Comment

  

Labels


  • .NET 3
  • #io15 1
  • Admin SDK 4
  • Administrative APIs 26
  • AdSense 1
  • analytics 4
  • Android 5
  • App Engine 5
  • Apps Script 98
  • Auth 1
  • billing 4
  • Charts 1
  • Chrome OS 1
  • classroom 1
  • Cloud Storage API 1
  • Community 1
  • Developers 5
  • Directory API 1
  • Drive 2
  • Drive SDK 38
  • execution API 1
  • Firebase 1
  • Freemium 1
  • Fusion Tables 2
  • Gadgets 5
  • Gmail APIs 16
  • Google APIs 3
  • Google Apps 3
  • Google Apps Directory API 1
  • Google Apps Marketplace 3
  • Google Apps Script 1
  • Google Calendar API 20
  • Google Contacts API 3
  • Google Data Protocol 7
  • google docs 3
  • Google Docs API 20
  • Google Drive 2
  • Google Forms 4
  • Google I/O 3
  • Google Prediction API 3
  • Google Profiles API 2
  • Google sheets 2
  • Google Sites API 4
  • Google Spreadsheets API 4
  • Google Talk 1
  • Google Tasks API 6
  • Google+ 3
  • googlenew 1
  • Groups 2
  • Guest Post 42
  • ISVs 2
  • java 1
  • JavaScript 3
  • marketing 3
  • Marketplace 47
  • Marketplace ISV Guest 21
  • Migration 1
  • Mobile 1
  • mpstaffpick 1
  • oauth 11
  • OpenID 7
  • PHP 1
  • python 4
  • realtime API 1
  • Resellers 2
  • Ruby 1
  • SaaS 1
  • security 1
  • Staff Picks 2
  • webinar 2


Archive


  •     2015
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
  •     2014
    • Dec
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Mar
    • Feb
    • Jan
  •     2013
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2012
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2011
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2010
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb

Feed

Company-wide

  • Official Google Blog
  • Public Policy Blog
  • Student Blog

Products

  • Android Blog
  • Chrome Blog
  • Lat Long Blog

Developers

  • Developers Blog
  • Ads Developer Blog
  • Android Developers Blog
  • Google
  • Privacy
  • Terms