I am currently working on a project that exposes Google Docs and Forms to a React frontend using Oauth and iFrames. I am able to embed doc, sheet and slide editors with no issues, but no luck with Google forms (I assume it may not permit editing when embeded), so I have come here to ask if anyone has had any luck doing this.
Whilst it is trivial to embed a Google form itself, I am not able to find a way to access the Google form editor within an iframe as it simply throws a 403. For docs I create an iframe for a given document and suffix the following query params: ?embedded=true&authuser=<EMAIL_ADDRESS>&oauth_token=<OAUTH2_TOKEN>. however this does not work for forms.
Is anyone aware of any work around to access the form editor via iframe? otherwise I will have to create a frontend wrapper for the forms API which is not ideal.
Related
has anyone worked with react and sharepoint, please tell me, if there any reference for creating a react app and deploy in sharepoint online directly, many of the references are creating react app as web part, but I cant find what I looking for. please help
It actually depends on where you want your application to show up in the SharePoint.
In addition to the WebParts, there is AppCustomizer option that allows you to show your app in one dedicated the placeholder of the sharepoint site (top or bottom):
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions
Other that, there is "single page part" option that allows you app to occupy all the space on the page, and to be the only thing the user gets basically:
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh
I am currently working on the setup page for my custom MS Teams Connector.
For inspiration, I was looking into other companies and one particular thing caught my attention.
Teams usually has at the bottom 2 buttons, like here in my setup page:
I have no Problem communicating with them using the #microsoft/teams-js client SKD and could make my page work like it is now. But I got curious how to do it with custom buttons like other Companies.
For example Trello:
Like you can see they moved the buttons up and also have a login button.
I also need to add authentication form my Connector, so I was wondering if its possible to archive a similar layout for my Connector.
For the Setup page I am using web app created with create react app
So my questions are:
Is this possible using react?
If yes how is it done?
I could not find much documentation regarding this topic.
The behavior is by design. Quite a while back we started giving developers more control in the tab configuration flow and allow them to render their own button within the iframe. Everything within that task module is now controlled by the app.
My chatbot returns text from search engines results on the chatbot screen with the link in the form of a list.
I want to add a horizontal navigation button suc that at once only 1 text result is shown for a query and the next result can be seen by clicking the next botton which will slide over the current result.
Can this be achieved via conversation>
Conversation is one REST API endpoint, so you can calling the Watson conversation service, and built your application with custom code.
Take a look in this project: conversation-simple. One example using Watson Conversation with Node.js (Back-end). You can simple download this project and make your custom design (like buttons) in the front-end or add more business roles in the back-end. Or, you can add your HTML custom code in the conversation and will render for you.
But, like I said, you need to build one custom code to added this painel in the Front-end (HTML, CSS, Javascript). I recommend take a look jQuery, bootstrap, or search templates.
See the API Reference for using Watson Conversation.
See the Official documentation for using this API.
I have a personal project which consumes my free time and effort for about a year without significant profit. I have problems with it appearance in Google and would really appreciate to get help here.
This project (http://yuppi.com.ua - similar to craiglist in US) is WEB-based AngularJS 1.2 application that uses PHP rest API hosted on GoDaddy. And in order to make this application popular it have to be very visible in internet and very searchable in Google and users have to be able to share pages via social networks or skype.
According to Google specification, google crawlers doesn't run javascript to get content of a web page before index, so I've added _escaped_fragment_ page that displays content of web page without javascript. For example:
Page: http://yuppi.com.ua/#!/items/sub/18/_
Dirty : yuppi.com.ua/?_escaped_fragment_=/items/sub/18/_
This dirty page will be redirected here where google will see content.
http://yuppi.com.ua/server/crawler_proxy/routee.php?path=/items/sub/18/
So basically I have two versions on HTML file for that page. One version is the one that available to users, which has styles, a lot more HTML tags etc. And the second is the version for Google crawler - very light-weight without any styles. And I am expecting to see clean link to my site in Google, not dirty.
So, If to search all links to a web site in Google you will see that one of the links displays it's "dirty" state.
Another problem is sharing links in Skype.
When I send a link to someone, I am expecting that this link will be transformed to thumbnail image but it is not happens. Instead I see ungly link to my web site.
Please help me to understand how to make happy everyone: users, google crawler, GoDaddy and me.
I was encountering the same problems last year with a big project and we ended to use : https://prerender.io/.
It's a prerendering system that work with a phantomjs browser to detect bot request and render a full html template. It does also instanciate a cache service to not render again a template that haven't change.
Hope it help's.
I have my ElasticSearch setup with kibana showing different panels. I have another angularjs app. I would like to receive input in a field, use angularjs and show kibana panels in my angularjs app itself.
Are there any tutorials/guides to achieve this?
I have googled quite a bit about this, but am unable to find any help.
You could also rephrase my question as "How do I embed a kibana dashboard in my AngularJS Single page website?"
In kibana4, the easiest way to embed a dashboard is using an iframe. Click the "Share" button in the top-right corner to get the appropriate iframe tag. Then edit it as needed to make it embed seamlessly. Check out the seamless attribute.
When I google it your question, I have found some git article
May be it will help you to
You can use iframe read this
https://github.com/elastic/kibana/issues/729