Foundation 5 - loading javascript components on single page web app - zurb-foundation

I have a single page app using ajax to load pages. I'm using Foundation 5 as the framework. My question is why don't the foundation components load when a new page is loaded to the dom?
For example, I'm using several components like Reveal, Alert, Abide and Tooltip. I was able to get the alert component to fire by adding this:
<script>
$(document).foundation('alert','events');
</script>
But how do I just get everything to fire?

Related

Dialogflow messenger showing centered text in chat window for some reason

I've just deployed the dialogflow messenger plugin via HTML to a second test website. In the first website, the chat window rendered perfectly. The second website however (a Magento PHP site that I don't have much control over) the same dialogflow with the same settings, shows all the responses from the bot as centered?
Here's the same chatbot, with the same HTML code, on a different (test) website running on my local machine (a flask site)
I've checked the available Dialogflow CX documentation - https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger - and I can't see any settings that would affect the alignment of text.
Agent html / CSS
Inline CSS:
<style>
df-messenger {
--df-messenger-button-titlebar-color: #ec008c;
}
</style>
Javascript:
HTML
<df-messenger
df-cx="true"
location="australia-southeast1"
chat-title="x"
agent-id="x"
chat-icon=xxxx/girl.png
language-code="en"
></df-messenger>
You need to compare all the Sources that the page uses in both websites and see it you are missing anything
(like this) :
If its the same then :
you have a non closed div that effects the chatting section .
you changed something in the functions that setts the plugin .
you are calling the same script multiple times so it appears on the
resources but doesn't cause errors in the console .

Ionic2 web app routing configuration

I am working on ionic2 project, which is web project (i.e. runs as a website on browsers not a mobile app). Here I am facing difficulty to give specific URL for pages. How do I implement routing in my project ?
I also worked with angular2. Where we can give URL to components. But here that thing is not working.
Take a look at this website: https://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/
and read up on the nav controller here: https://ionicframework.com/docs/api/navigation/NavController/
Some Context: While Ionic2 does use the native browser for each platform, it uses a special controller to change routes
NavController is the base class for navigation controller components like Nav and Tab. You use navigation controllers to navigate to pages in your app. At a basic level, a navigation controller is an array of pages representing a particular history (of a Tab for example). This array can be manipulated to navigate throughout an app by pushing and popping pages or inserting and removing them at arbitrary locations in history.
Before diving deeper into Ionic I suggest obtaining an understanding of this controller.
This sample ionic project will also help with the understanding of navController:
https://github.com/ionic-team/ionic2-starter-sidemenu

How to check in my ember 2.5 application if IE browser is being used and if so generate an error page?

How do I check in my ember 2.5 application if IE browser is being used to view my webpage by the client and if so generate an error page? I only want my customers to use firefox and chrome to view my webpage.
There are some ember addons you can use.
One of them is ember-cli-ie-check

Deep Linking in Foundation For Apps

I am new to Foundation for Apps and am trying to get deep linking to work with the zf-tabs directive. Basically, I have a view with tabs and I am trying to use $state.go in my controller to navigate to the view and activate a particular tab. I have gotten the URL to write correctly with the hash but the tab doesn't activate. I see a lot of discussion on how to do this in the other foundation frameworks but there is zero info on this for Foundation For Apps.

prettyPhoto integration with Sitecore 6.5

I am trying to load a page on my site into a prettyPhoto lightbox via a click on an anchor tag. What happens is that it looks like the lightbox begins to load, and it fetches the correct content, but instead of it loading the content in the lightbox, it over writes the whole page.
I tried to load external content in an iframe as well by trying the following:
TEST
It brings me to google, moving me away from my site and not loading it into an iframe.
Has anyone had similar problems with this? I am using sitecore 6.5.