Posts

Showing posts with the label Apps Script HTML Services

Vue.js with Google Apps Script Web Services

Image
Hi Apps Script Developer, Today,  I am sharing how to implement Vue.js framework with Google Apps Script Web Services. First, you need to copy Vue.js CDN link from Vue.org site there are two links one for the Development environment and another is for Production. For Development I am using Developer links it gives more error and warring descriptions. < script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > </ script > Create Apps Script web app " Responsive Web Apps using Google Apps Script "  Add Script tag in JavaScript.html file after Jquery framework link. Save it In this example, I am fetching Server site Country Array list and Generating dropdown using Vue.js Vuejs Code File link Vuejs Exec Link  Performance Comparison(performance may vary from device to device) Using Vuejs : Scripting time=626.9ms Using Jquery : Scripting time=677.9ms Happy Coding... .COM at Rs.999 For 2 years

Responsive Web Apps using Google Apps Script

Image
Hi Apps Script developer's, Google apps Script allows to develop Dynamic and Static Web applications like fetch data from Google Sheet and create dynamic cards, intelligent data entry form, Workflows, Help Desk, etc. When you create Web apps using Google Apps Script, it will  not be responsive . You can make applications responsive using third party framework like Bootstrap , Material design or other HTML responsive framework. In this post I am explaining how to create responsive(Using Bootstrap 4.0) Google Apps Script Web application from scratch *Required Basic HTML & responsive framework knowledge  Go to your Google Drive Open Google Apps Script Editor   Create new blank apps script Project & save it Add 3 more Html files Index.html, JavaScript.html & Stylesheet.html with given code For any Web application it requires 4 main components(I am explaining best practise here, you can add HTML, JS & Stylesheet in to two files if you want) For ...