Hi,
is it possible to set modal window location and size on screen? My purpose was to set some of the hyperlinks to open in modal mode at lower part of the portrait mode screen so that my kids can browse too. 
Hi @JiiPee, custom location and size of the modal window is not currently supported, but feel free to create a feature request so others can vote if interested.
My younger kid grabs his stool to check the cameras on my wall mounted tablet every time when he hears the door bell now. 
Kids learn fast.
I wonder if you could use custom css?
Iâm not sure if theres a way to target just one link but you could do something like this to fill up the bottom portion of the screen for all modal links
.webpage-modal {
top: 40vh!important;
left: 0!important;
right: 0!important;
height: 60vh!important;
width: 100%!important;
}
.webpage-modal .header { margin-right: 2em; }
2 Likes
Thatâs very nice and thank you but I just need it to certain shortcuts. 
Iâm going to continue my topicâŚsort of related questionâŚ
Itâs obvious that some of the webpages does not support modal.
Iâm looking for a solution for those hyperlinks that do not work in modal. Iâm using dashboard in kiosk mode (browser full screen). Everything happens in dashboard and nobody needs to be touching browserâs native buttons (and frankly I do not want buttons to be visible). Now that I have couple of interesting hyperlinks which do not work in modal I need to open them as âsame windowâ or ânew windowâ.
It means that by choosing âsame windowâ webpage does open but there is no buttons to get back to homepage which is sharptools dashboard. So user needs to disable full screen to get browser buttons back and then press âhomeâ icon (and after that change back to full screen).
If opened in ânew windowâ it opens a new tab and full screen is gone andâŚ
Is there a way to somehow force certain webpage to be used as modal even though it is not supported?
âŚorâŚ
Is there a way to create hyperlink/shortcut to sharptools dashboard which opens a different browser? I could then adjust size of that browser window and it would basically open as modal without anyone messing with sharptools dashboard and full screen mode.
âŚorâŚ
Is there floating buttons or something like that available for windows where buttons would flow in front of everything and then pressing button X would do Y things�
âŚorâŚ
better ideas�
Out of curiosity, what webpages are they? One of the key things is the site must be HTTPS enabled.
Unfortunately, some sites expressly disallow you from embedding them in other sites - for example many Google sites canât be embedded directly, but some of them have options of embedding special versions of their site (eg. Google Calendars).
Iâll leave it open to the community to see what other creative workarounds they might have, but that is a really neat idea. I wonder if the Fully Kiosk Developer might be interested in implementing such a feature. They already have a JavaScript interface that we have a few minor hooks into - for example, if you have the Fully JS interface enabled, we add a âSet as Start URLâ option to the ... menu on the dashboard list to make it easier to set your start URL.
It would be neat if Fully exposed an option in the JS interface to allow us to open a page as a modal (optionally with a specified size) - maybe something like fully.openModal(url, height, width). Perhaps you could send a note to them requesting it?
I just noticed that I havenât answer this yet. Well Google is good example. Letâs take shoppinglist.google.com. itâs https but canât be opened as modal. Google calendar works though.
@Chris_C I just stumbled on this thread as I am trying to get news feeds, that the site owners prevent from opening in modal, to display. I am assuming that this css code only works if the site owner allows opening in modal? Thanks.
Right. What site are you using for the news feeds? Maybe thereâs some other workaround?
The usual ones. NY Times, BBC etc. anything that has world news. I am in the process of switching from Allonis MyServer so I am thinking of developing custom modal screens for things like this and serving them up from my local network as a stop gap measure
1 Like
Have you checked out the new Custom Tiles feature? I wonder if that could help.
I looked at this and set up a couple of samples - the windy and radar. I think this is a nice way to build a custom weather page with different elements. However, I think the page you are calling has to be setup to support this sort of embedding. It would be nice if we could create a list of such pages as idea generators.
Also my idea for modal access to my Allonis pages doesnât work - they prevent loading in modal windows. What prevents a web page from doing this - is there some code in it that specifically says âdonât allow modal windowâ? If so, I might be able to remove that from the Allonis pages.
The most common things are probably:
- The embedded site must be SSL enabled
- Sites can include headers to tell the browser to block embedding in other sites:
- X-Frame-Options
- Content Security Policy
If the site are directly under your control, you can SSL enable them or adjust those particular headers. Alternatively, you might be able to proxy those sites (especially if itâs a service you run) and strip or adjust the relevant headers on the fly.
Ok, I enabled SSL and have it working in Safari. Chrome doesnât like it but I can work on that. I think it is because of the certificate but I have purchased a certificate for my domain and need to figure out how to install that. Havenât tested on Fully yet - will do when I get home - which is what I use the most.
This is a potentially a great way to move off Allonis completely as I just point to some of the more complex screens over there and then slowly convert them.
2 Likes
I got everything working so I can serve up modal windows from my Allonis server. Very nice.
Now I am looking at formatting the content that is displayed. When I pull up the weather screen on the desktop I get this:
But when I do the same thing on my Touchscreen - running fully kiosk I get the following:
I was playing around with the css posted above but canât seem to impact the sizing of the content in the modal window. The Allonis screens are designed at 1024x768. The ZenTouch is 1920x1080. So I am not sure why the content is displaying this way but I can control all of the html on the Allonis to make changes as needed. Ideally I would like it to center and scale the content. Thanks.