I have this device data that are shown in real time using ThingsBoard.
And I have an iframe to show the device data content on a web page.
If I used the same iframe on my ionic app's HTML page, I am getting all the header, submenu and other unnecessary things that are not needed in the app.
What I need is the main content area of the device data section.
Can I do that with the iframe or do I need to call all the individual ThingsBoard API's to populate the dashboard on my own?
If you are managing the Thingsboard then you can develop custom iframes with unnecessary headers/footers removed. Then you will get clean iframes to display inside your Ionic app.
In case the Thingsboard is not managed by you then you have to develop adapters to scrape the html data from the Webpage. These adapters will provide your Ionic app only the data you require.
You can use PHP Simple HTML DOM Parser for implementing these data scraping adapters.
PHP Simple HTML DOM Parser
Related
I have been trying to scrape an Angular Website using Selenium. To my surprise it doesn't let you scrape the html rendered contents as it renders it dynamically using Javascript. I want to locate those tags for the purpose of scraping but I am unable to do so. What is the right way to scrape them? Here is some more context:
They say you can't do it using python.
Some also tried downloading all the html content and then read them. But again this isn't my use case.
But my use case is a lot different:
I want to login to my google account then it redirects me to an angular page where I click a button called reporting and from there I am redirected to a page from where I have to finally click download button to download the report.
Completely new to shopify app development, I looked around the documentation but I did not find any hint about creating an app that add external content to pages (homepage or product pages or every pages) as countdown apps do on every pages or on product pages.
Any help on it could be a great service !
It is really simple these days:
create an App, install it in shop
in app configuration, add an App Proxy
add a JS callback to the App Proxy using a Script Tag (or however you like)
have your App return either a full Liquid string response, or JSON
render response to JS callback in theme
So you can play with this more ways than you can shake a stick. You can return Liquid with your tags so that the web theme designer people can take advantage of what is special about your App. You can just return JSON and template the results into DOM as per the usual pattern.
I recently found that one of the custom apps I can add to my Rally homepage is a custom HTML app.
This will be really useful to me, since I can use some HTML (Bootstrap) headers to separate apps on my page and make it more organized.
I got the custom HTML to show properly (and I currently have a header/divider) however, it is showing the grey title bar just like any other app would.
Is it possible to hide this when using the HTML app, so just the HTML output shows?
(If anyone is familiar with apps in Sharepoint, it's called a "Chrome" and you can hide the chrome/title so just the content shows.
I don't think there's any built-in chrome to the apps themselves... Can you show a screenshot? Are you following the general formula to embedding apps presented in this guide?
https://help.rallydev.com/apps/2.1/doc/#!/guide/embedding_apps
Is it possible to sync the innerHTML of 2 divs (or any other HTML element or ASP.net control) via Pusher?
My 1st page has an div that I use to insert iframes to PDFs/other files via jquery. I am trying to find a way to also push that data to a div on another page, so that clients can see what files are being displayed.
Please excuse me if this is a naive question - I am new to Javascript and Websocket.
I am building my site via ASP.NET MVC4, if that makes a difference.
Thank you
It's probably not a good idea to send the actual HTML code over Pusher as that can turn out to be quite a lot of data. Have you considered sending the URL for the iframes to each connected client so they can synchronise and load up the same page?
How can i restrict some section and js to load in mobile version in bootstrap 3.
For client Engagement i am using chat and click to call features on a website.
I want to restrict these features loading in mobile version.
Twitter's Bootstrap can't be used to restrict the load of content or javascript code. Bootstrap load all and only will hide or resize some elements based on screen width (css media queries).
To hide html, see: http://getbootstrap.com/css/#responsive-utilities
You could use enquire.js to prevent js code to load based on media queries, see for an example: http://wicky.nillia.ms/enquire.js/examples/defer-setup/