Hi,
The site I am designing is has a RadRibbonBar across the top of the screen, with the bottom 80% of the screen taken up with an iframe that displays content based on ribbon bar interactions. Unfortunately, I have found that the application menu will not hide if you click on the iframe, it will only hide if you click on the ribbon bar or on part of the parent frame.
I imagine the solution to this is to add javascript to the iframe click event (if such a thing exists) and to programatically hide the application menu, however, I cannot see any client side functions to achieve this and before I start randomly hiding elements manually I thought I should ask if there is a standard way to do this.
Also, I would be interested to know if anyone else has encountered this issue and if they have any better solutions.
Thank you
The site I am designing is has a RadRibbonBar across the top of the screen, with the bottom 80% of the screen taken up with an iframe that displays content based on ribbon bar interactions. Unfortunately, I have found that the application menu will not hide if you click on the iframe, it will only hide if you click on the ribbon bar or on part of the parent frame.
I imagine the solution to this is to add javascript to the iframe click event (if such a thing exists) and to programatically hide the application menu, however, I cannot see any client side functions to achieve this and before I start randomly hiding elements manually I thought I should ask if there is a standard way to do this.
Also, I would be interested to know if anyone else has encountered this issue and if they have any better solutions.
Thank you
3 Answers, 1 is accepted
0
Martin
Top achievements
Rank 1
Rank 1
answered on 15 Oct 2014, 09:24 AM
I apologise, I have posted this in the wrong forum and cannot see any way to delete the post. If it could be moved to http://www.telerik.com/forums/aspnet-ajax/ribbonbar it would be appreciated.
0
Hello,
First I would suggest subscribing for the body element (within the iframe) on click event and hide the application context menu of the RadRibbonBar of the parent document. Indeed It is a bit tricky to access an object in the parent page from the iframe context. Thus I am attaching a sample that implements very similar scenario.
Regards,
Boyan Dimitrov
Telerik
First I would suggest subscribing for the body element (within the iframe) on click event and hide the application context menu of the RadRibbonBar of the parent document. Indeed It is a bit tricky to access an object in the parent page from the iframe context. Thus I am attaching a sample that implements very similar scenario.
Regards,
Boyan Dimitrov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Martin
Top achievements
Rank 1
Rank 1
answered on 20 Oct 2014, 09:45 AM
Thanks for the response.
Ultimately I ended up using a jquery plugin called iframe tracker: https://github.com/finalclap/iframeTracker-jquery
It uses blur and mousemove events to provide click events on iframes. Seems to do the trick.
Unfortunately with my scenario it some of the iframe contents were cross domain which would prevent the click event from propagating.
Ultimately I ended up using a jquery plugin called iframe tracker: https://github.com/finalclap/iframeTracker-jquery
It uses blur and mousemove events to provide click events on iframes. Seems to do the trick.
Unfortunately with my scenario it some of the iframe contents were cross domain which would prevent the click event from propagating.