Code Monkey home page Code Monkey logo

bettergui's Introduction

BetterGUI v2.0.0



How to install

Installation is easy, follow the steps below and it will be fully installed.

  1. Create a new Google Sheet or Document.

  2. Go to extensions/apps script

  3. Select and make a new project

  4. On the left, and click the plus button above "library."

  5. Paste the following ID in the box and press look up.

1LcDmG8gFKv8HQ3VwovO0ifyHS7TWjBMup6kfPhKBTOkJ1pBNE3eDgiKm
  1. Select the version of your choice and add it.

  2. Success! BetterGUI is fully installed.


What BetterGUI offers

[BetterGUI is still in progress]
[NOTE THAT BETTERGUI WORKS BOTH FOR GOOGLE SHEETS AND DOCS]

Function What it does
popUp(title, text) Opens a more professional looking UI popup box
showDialogFromHtml(html, title) Opens a dialog containing html
showSidebarFromHtml(html, title) Opens a sidebar containing html

How to use

Since BetterGUI offers UI content, there are a few things that you can do with it.

Lets start off with the simple.

You can launch the UI by writing the code below:

BetterGUI.popUp("Title goes here", "Text goes here");

Upon running the function, you will get a message similar to this: alt text

You can also use BetterGUI to display input, such as the following:

function getText() {
  var input = SpreadsheetApp.getActiveSheet().getRange('A1').value; //Retrieves text from cell A1
  var title = SpreadsheetApp.getActiveSheet().getRange('A2').value; //Makes the title the value of A2
  BetterGUI.popUp(input, title);
}

HTML in UI

BetterUI has simplified the HTML process.
Here is an example of how to use:

function showDialog() {
  var html = ''; //You can add html here
  BetterGUI.showDialogFromHtml(html, 'title'); //Removes a whole lot of steps
}

//You can do the same with sidebars:
function showSidebar() {
  var html = ''; //Yet again add html
  BetterGUI.showSidebarFromHtml(html, 'title'); //Works the same way as dialog but with sidebar
}

Open source

BetterGUI has been made open source under NO licensing (it's absolutely free to use and edit) so that others can fit their parts into it to make it a better program.

You can access the open source code here

bettergui's People

Contributors

willdev12 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.