I have a application with which I have 4 pages . one is main page with select list and other 3 are pages with tabular form each .Now I want to have tabular forms of those three pages in my main page from where I could call tabular forms of all these pages.
Use your remaining 3 pages on your main page via HTML iframe like in html region
<iframe id="ifrm" src="f?p=&APP_ID.:PAGE_ID:&APP_SESSION.::NO::"
seamless="seamless" scrolling="no" style="width:100%; height: 100px;
float: left;"> </iframe>
Related
I am building an Android app with Ionic, it is a forex signal app, in one of the pages, I placed a widget I got from investing.com, the widget is supposed to give me live chart that updates every minute and its being loaded in an iframe, now my problem is that, the live chart is displaying but its but updating, like the chart is not changing, it's just static.
Here is my code
<ion-content>
<iframe frameborder="0" style="overflow:hidden; display:block; position: absolute; height: 100%; width: 100%" src="https://sslcharts.forexprostools.com/index.php?force_lang=1&pair_ID=1×cale=300&candles=50&style=candles"></iframe>
</ion-content>
But if I should load the page in a normal html page, the chart won't be static. How can I solve this problem?
I have an iframe page which shows a form which stores data in the session. But once the form is submitted the data from the form is not available as POST and the data which is set in the session is also not available.
Any thoughts?
sample code
<ion-content padding>
<div #frame style="width:100%;height:100%;overflow:scroll !important;-webkit-overflow-scrolling:touch !important">
<iframe [src]="adURL | safe : 'resourceUrl'" class="iframe" scrolling="yes" style="width:100%;height:100%;"></iframe>
</div>
</ion-content>
The question has been asked prior but no clear response was obtained
I an using Facebook's plugin which lets one embed and promote any public Facebook Page on a website
I am trying to hide not remove the scroll bar from the side
I still want scroll functionality but I do not want the scrollbar to be visible
What is the best method to achieve this functionality
https://jsfiddle.net/wesuf2tq/1/
<md-card style="width:auto">
<md-card-header style="background-color: dodgerblue; font-size:15px;font-weight:600; color: white; ">
<i class="fa fa-facebook-square" aria-hidden="true" style="font-size:40px; margin:0 auto"></i>
</md-card-header>
<div class="facebookContainer" >
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FKobe%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
height="800" style="width:100%;border:none;overflow:hidden;"
scrolling="no" frameborder="0" allowTransparency="true"
allow="encrypted-media"></iframe>
</div>
</md-card>
There is absolutely no way to achieve this at all - the plugin loads its content into the iframe from a different origin, so the Same Origin Policy prevents you from accessing anything inside it via JavaScript, or to inject any custom styling.
You are limited to the configuration options Facebook offers here - and hiding the scrollbar is not one of them.
The likebox I created for nbglive.com is not resizable, no matter what method I use, and as such, it is causing great trouble as to how I can integrate it with our site without having it overlap the radio player.
Is it possible to get the like box to resize when the page is resized? I'm using twitter-bootstrap.
I am putting FB widgets (likebox and comments) into the Bootstrap's grid like this:
<div class="span4">
<div style="text-align: center;">
<div class="fb-like-box" data-href="{url}" data-width="234" data-show-faces="true" data-stream="false" data-border-color="#007Db7" data-header="false"></div>
</div>
</div>
where url is the variable containing web URL of the FB page.
with CSS:
div.fb-like-box,
div.fb-like-box > span,
div.fb-like-box > span > iframe[style],
div.fb-comments,
div.fb-comments > span,
div.fb-comments > span > iframe[style] {
width: 100% !important;
}
Facebook loads its component asynchronously with styles set according to the width data attribute. I set it to some safe value: looks bad but does not overflow to other elements for different view-ports. My CSS overrides all the FB's width settings that are necessary to resize the widgets (I set 100%, so it adjusts to the containing div). It is not documented and possibly it will stop to work when FB changes their designs, so choose your default width (234px for me) wisely ;)
Example with LikeBox of at the bottom of the right-hand side panel and in the sidebar. Note the responsive behavior when you change the size of the browsers window.
Here is an easy way:
$(".fb-like-box").attr("data-width", $(document).width());
Do your cording according to your CSS as below
<div class="comment-box">
<div class="fb-comments" data-href="site_url" data-width="100%" data-numposts="5" data-colorscheme="light" data-mobile="auto-detected"></div>
</div><!--comment-box-->
cut and copy java-script as fb gives in headder
I am having fb-like and fb-share button on my page, but when i click like or share button, the count in like and share increases simultaneously.
As for example like count = 4 and share count = 3
after liking my web page Like count =5 and share count = 5
This is the problem
fb-like button code
<iframe src="http://www.facebook.com/plugins/like.php?href=<%=ShareURL.ToString() %>&layout=button_count&show_faces=false&width=100&action=like&font=lucida+grande&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 85px;height: 21px;" allowtransparency="true">
fb-share button code
<div style="display: inline; float: right; margin-removed 80px;">
<a href="http://www.facebook.com/sharer.php" name="fb_share">
share_url="<%=ShareURL.ToString() %>" type="button_count">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share">
type="text/javascript"></script>
Facebook Like's and Share's counter must show the same number. See the official description:
https://developers.facebook.com/docs/plugins/share-button#faqlikecount
What makes up the number shown next to my Share button?
The number shown is the sum of:
The number of likes of your URL
The number of shares of your URL (this includes copy/pasting a link back to Facebook)
The number of likes and comments on stories on Facebook about your URL
The same rule can be found at Like buttons FAQ: https://developers.facebook.com/docs/plugins/like-button#faq
Make be you have used same Application Variable for like and share count. so when you increase share count, your like count goes on increasing.
use different variable for each.