cancel
Showing results for 
Search instead for 
Did you mean: 

Display HTTP via iFrame

Display HTTP via iFrame

Hemingway
Established Member

Hi, I have Core IP https://192.168.104.20 and Nexo OS http://192.168.104.21 on WR PC. When I edit HMI at the Designer at iFrame widget with NexoOS url I see the content. But when I start WebIQ serwer I get a blank page inside iFrame without any error at console (F12). The CORE page displays correctly when I changed urls. What the problem is?

3 REPLIES 3

Sgilk
Contributor

Hi @Hemingway ,

This sounds to me like a cross origin resource sharing issue. Most web browsers prevent this type of embedding without proper CORS headers. 

You likely need to add these headers in your Nexo OS project. I'm unfamiliar with this product.

See this thread for similar discussion.

HmiGuide
Community Moderator
Community Moderator

Alternatively to adapting the header, you can use a reverse proxy server. For more info see: HowTo-view-content-from-multiple-web-servers-in-one-web-page 

webiq-sk
Frequent Contributor

Usually there should be an error shown on the console so it might be helpful to know how it behaves in a current Google Chrome with this, because an error should be shown by default there (unless disabled by the user)

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist