Problem:
I need a Google Sheet on our members' daily workout signup page to be both editable and mobile-friendly.
Details:
We have a members-only page on our community rowing club Weebly site that includes an editable schedule. It's a Google Sheet open to all members to sign up for workouts. On desktop it's a properly formatted, editable doc but it's a mess on mobile. All of the tab names are superimposed on top of the table itself in large blue font. Looks like this:
members page mobile view
I've tried embedding the document using the Google Sheet embed code (File--Publish to the Web--Entire Document--Web Page) but this is a view-only, uneditable version. I've set the share settings to "Anyone on the internet with this link can edit" and it still isn't editable once it's embedded on our Weebly site.
The site was built by another volunteer a few years ago. This is the editable but mobile-messy embed code we're using now:
iframe width=1400 height=900 src="https://docs.google.com/spreadsheets/d/FILENAME/edit?usp=sharing"></iframe
And here's the embed code provided by Google Sheet that gives us an uneditable but properly formatted table:
iframe src="https://docs.google.com/spreadsheets/d/e/FILENAME/pubhtml?widget=true&headers=false"></iframe
I've replaced "pubhtml?" with "edit?" but that doesn't work. I've added the widget=true& parameter to the new embed code; also unsuccessful. Can't find anybody else with the same problem and Weebly can't help me.
Thanks in advance if anybody can help out. I'm clearly not a developer, just a volunteer and fellow member of the club hoping to help.
Some options:
If you can get your users to install the sheets app on their phone then you can link out to the normal sheets url and it should open on the mobile app.
Use Google Forms for data entry.
Sheets is exposed as an API. There may be a 3rd party tool (that stores the data to a sheet of your choosing) that would help out your specific workflow.
Related
I need to link an editable google sheet to my html website so that any change in the sheet will automatically appears in my site.
You can make use of publish option on Google Drive docs files such as Sheets,Slides,Docs and embed them to your Webpages. You can find more information on how to do that here: https://support.google.com/docs/answer/183965
Of course keep in mind that depending on what publishing option you select, you may have to change the access permission of your document/sheets.
Quick Edit:
If you're planning to just embed the sheet, make sure to select the embed option on the same publish to the web section that can be found by going to File > Publish to the web.
I have a client that uses Google forms to take orders and wants to be able to turn the resulting Sheet into a document of Packing Slips. Being a python person I am currently taking her .tsv and making nice HTML printable docs but want to be able to make a plug-in for her so that on any Sheet of this type she can click "Make Packing Slips" and it either opens a new tab with generated HTML (I'm ok using googles templating) or maybe even convert the HTML into a PDF and save it to her drive? Either way I'd rather design the document all in HTML and CSS rather than trying to make a google doc if at all possible. Is the feasible? Any starting points? Thanks!
You need to learn about Google App Script => https://developers.google.com/apps-script/overview
Then these Links should suffice
HTML Service: Create and Serve HTML
Google Container-bound Scripts for Google App Script (Can not post link for this due to low reputation)
I'm trying to use Google Apps Script to add hyperlinked rows to a GridItem, ideally that act as tooltips. Am I trying to do more than is possible with Google Apps Script?
Here's the situation: I have a GridItem type question that has lengthy row descriptions. To clean up the interface, I'd like to present a short summary of the description that, when clicked/hovered, reveals the full text. To do this, I'd need to turn the short summary into a hyperlink. However, I haven't seen any way to insert hyperlinks in GridItem rows. I thought that Google Apps Script may allow me to do this.
So far, I've tried entering a string followed by .setLinkUrl(), using createAnchor('text', url), using markdown, and actually inserting, as text, <a href='http://google.com'>Google</a>' for the row. Nothing has worked so far.
Is this possible at all?
EDIT:
I apologize - I didn't research this question well enough before posting. Turns out Google Forms auto-detects URLs and posts them as links in the live form. I still have an issue with this, though - I'd rather have some specified text displayed to the user instead of the URL (some of my URLs are lengthy). Anyone know how to do this?
You can design the main elements of the Google form the normal way. Then preview the live form, copy the generated html file, hosted in your website.
Then you can replace the <a>...</a> tag that is generated by Google Form by one you need e.g. <a href='http://google.com'>Google</a>
keep sure you don't disturb any styles or code that may be needed by the Google form to work.
This solution need to have your own web hosting.
You will need to point your users to your website not the live form preview.
I had built a Google UI Apps Script in my Drive account. It works great.
I would like to embed it on my domain. I know that I can embed it as a gadget on a Google site, but I don't want Google's URL appearing in my website.
I have a word-press site and I would like to embed this UI script into a page/post on my word-press site or create a stand alone page on my domain with this script on it.
Is this possible?
I just don't want my users to be redirected off my site and see the long ugly domain of https://script.google.com/a/macros/*************
Any suggestions?
This isn't currently supported.
See (duplicate) Embedding Google Apps Script WebApp in WordPress Page.
Visit Issue 852 and star it for updates. (There are also some potential work-arounds described in the issue comments.)
How to share content from our site to google plus
I tried it like this
<a href="javascript:void(0);" onclick="window.open('https://plus.google.com/share?url=<?php echo urlencode('http://example.com');?>&via=example', 'Share on Google Plus', 'width=600,height=400,left=450').focus();" >
Here I can not share content from my site. How it is possible with this?
I want to share content (example: hello) to goggle plus with sharing capability
yes. You can paste a content from your app which you have to set as a default data.. https://developers.google.com/+/web/share/interactive#button_attr_calltoactionurl
Nothing much to do here..
Just create a google plus app on the developers section.
Then Paste the below portions
<button
class="g-interactivepost"
data-contenturl="https://plus.google.com/pages/"
data-contentdeeplinkid="/pages"
data-clientid="xxxxx.apps.googleusercontent.com"
data-cookiepolicy="single_host_origin"
data-prefilltext="Engage your users today, create a Google+ page for your business."
data-calltoactionlabel="CREATE"
data-calltoactionurl="http://plus.google.com/pages/create"
data-calltoactiondeeplinkid="/pages/create">
Tell your friends
</button>
Then change the data- client id.. Now it will work as per your expectation. Enjoy :)
Its been some time since the Google has brought its share button. You can find this, on their developer's page. [Here]
Paste the generated code on your web page, then link of the page will be automatically received by the API.