Trying to embed a chatbot in SharePoint online. We're doing that with an iframe through True Editor Web Part http://prntscr.com/m3br5p
The issue is that even when the bot is folded like in this preview, clicking buttons behind its unfolded are (or scrolling) are not possible
folded: http://prntscr.com/m3brdk
unfolded: http://prntscr.com/m3brxu
We're also experiencing similar issues when trying to lightbox/popup certain things that we want to load. I wish we could have a layer on top of sharepoint where we could just do anything we want (being externally, no need to integrate) while keeping everything behind it in tact.
How should we deal with this?
Have you looked at maybe using a Directline / React application customiser at all?
I found this useful after some re-jigging around and a better solution than using the iframe approach.
https://github.com/MickH3/directline-bot-extension
Related
I really need a good help I am looking for and nothing.
I am doing a project with music in the browser and / or in an application, that is, I need to work with html / php / js / css, if I do it on a website I easily step into an application, I assume, with react for example, with a load window.
that is, I wanted a framework, or anything else that was possible, to have a menu always active, and when clicking on the menus, change the content of the page in the middle, which continues with the menu without being changed, the music playing and changing up url.
such as spotify, it has a menu at the bottom and side that never changes but the middle content changes and the url too
I'm not finding any way to do this well ... if someone managed to help me, I would be very grateful
Reactrouter might be what u are looking for. It is good library for react apps that need to switch between different views depending on URL. They have good documentation on their website and I recommend that you look them up.
I'm trying to drag a picture from Picker.html, which is one of the Google APIs, into another iFrame containing a chat app. So, the picture is uploaded into chat and it would be able to be sent.
I know that browser security measures prevent this and I have already tried this solution Drag-Drop elements between parent frame and child iframe.
However I would like to know if there is a different solution using only HTML, CSS, JavaScript, and jQuery. Thank you very much!
In apps scripts, the html dialog pops up square in the middle of the window. I want to move that out of the way because the user's interaction with the dialog will show up in the spreadsheet behind the dialog. Seems like a good thing to allow the user to see what is happening there.
I can change the height and size of the dialog window, but there is no method to move the window. Spreadsheets can't have app script generated sidebars and I tried to do it in javascript: window.moveTo(0,0) : no dice.
Another way would be to reduce it to something small and then popup a jquery window over it, which could be moved:
Browser Pop up in Google Apps Script
Any best practices for this problem? Otherwise, I jquery seems to offer the best solution.
Thanks!
After some thought, I find that a webApp is the best way to go. It gives complete control of the window and it can be launched through the menu of the calling spreadsheet. (I'm still working on the application, but a webapp seems to be the best way to go, especially since there is jquery for fancy interaction.)
I'm trying to find a solution for this problem for quite a while now and I think I'm going to flip out :)
So is there a jquery solution for a picture viewer that can be implemented in a facebook app that runs in an iframe.
The problem is (that i can see) that all of them are appending functions on the body element but Facebook is preventing that from happening.
Hi.
I'm new to Java/AJAX etc.
I have a page with links down the left and a DIV on the right.
I want content (other pages) to load in the DIV when users click on the links on the left... beginner AJAX stuff I guess.
I played around with a few JQery plugins and found one that allows pages to load with a fade effect, which is perfect. I have a problem though:
The plugin works fine when I click links on the parent page, but when I click links in one of the loaded pages, after one link deep, it breaks out of the div and replaces my parent page. (This issue was described on the plugin page, supposedly solved, but is still cropping up on my page). I suspect it has something to do with the "bind" variable.
I've uploaded a stripped down example of my site here:
This is the plugin website: www.thecreativeoutfit.com/index.php?view=Simple-AJAX-Content-Changer-with-EZJax (Because I'm a new user I can't add any more links, sorry for the long-hand).
For those who are willing to look at my site or the plugin, I'd appreciate your insight.
If that's a hassle maybe you could recommend a similar simple ajax plugin that allows the loading of content with a fade-in effect, but also allows links within the loaded content to stay contained within the original div.
Many thanks!
Max
I was going to post a comment but it got too long so, what the heck..
Your website worked just fine for me (except for the pages that were not available) in Firefox running on Windows XP.
However, I would strongly recommend against that type of design - it will be a pain for you to maintain in the long run and it is generally considered bad design because it is against the functioning principles of the web: different pages of your website should be represented by distinct URLs which users of your site could use to link to. It also breaks browser back button functionality which is a big usability issue (at least for me).
Plus, it will not be SEO friendly - which means that search engines like Google won't think highly of your website - which means that you won't show up in searches.
You nested pages are breaking because the JavaScript click events are not being reattached to the paging controls after the first page causing the normal href attribute to be used.