iframe auto height adjust not working - cakephp

I am using the cakephp framework, and on my site i sell wordpress themes. When any user click on demos it take the user demo page where they can see demos of that theme. I am using i frame for showing demos. But the problem is that the height of the iframe is not auto adjust. The error which occur is
Permission dined
The demos theme is in same destination where whole project. But now i want that the iframe work for both weather it is on same place or out site the site.
My site URL is: http://www.wplegion.com/
And the path where all my demos are showing is: http://www.wplegion.com/themes/demo/8

Related

App Customizer is overlapping content area in Sharepoint Modern pages

I tried to add the app customizer, a left menu bar into our sharepoint site. I used the following example https://github.com/tom-daly/spfx-side-navigation
After compiling to sp 2019 requirements, I added the app to the site, it is overlapping the content as shown in the image below.
Any idea how I can push the content area to the right? The custom css is not having any effect on the page.

bootstrap issue with instagram embed in react

I am trying to embed instagram posts onto my page with a masonry grid (using card-columns). But somehow the leftmost posts don't show up.
Please refer to below sandbox.
https://codesandbox.io/s/nifty-solomon-ub8ro?file=/src/App.js
Edit:
on full browser tab: https://ub8ro.csb.app/ (you can see the issue here)

ReactJS project on Android WebView, Image not showing

I am currently experimenting on a hybrid app using ReactJS for my front-end loaded inside an Android WebView. On one of the pages, I have a list that loads an external/hosted image. Tapping on these images routes to another page that shows its description (using react-router. history=hashHistory).
Testing on the browser(chrome), the images appear once loaded. On the other hand, testing on the actual device, the images does not appear. Only when I tap the list item and press back (hashHistory.goBack) that it appears.
I know this is not the best use for ReactJS, but this is better than what we are currently using. Also, our current setup prevents us from pursuing the React Native way. Any ideas?
EDIT:
here's a screen cap:
You need to change your websettings in your code.
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

Master page for Ionic Framework

I use Ionic for my iOS hybrid application,
I want to create a custom header and use a background image for all pages.
I want to know is there any way to create a master page in Ionic + AngularJS for using in another pages?
The answer varies depending on how you've already setup your app. Probably the simplest approach is to use a background image with CSS on the body of the page. That is just one line of CSS, but you'll have to consider how that image works or displays on various device sizes or if your app is in portrait or landscape mode.

javascript image gallery with adjusted navigation for mobile platforms

I want to make a javascript image gallery
(with 6 thumbnails in a row and as many rows as fit the page.
clicking the thumbnails will bring up a popup box with images and a video)
At the bottom of the page there is a numbered pagination.
However, I would like to make it so that on a mobile platform (android/iphone)
the user can paginate by swiping the pages to go forward or backward.
How do I adjust the pagination for a mobile platform?
Should I use a specific crossplatform tool like sencha to make this gallery?
Have you thought about using JQuery Mobile ?
http://jquerymobile.com/

Resources