I have foundation installed with the setup provided by foundation sites for sage (gulp bower). However, when my page loads the JavaScript only fires on the first event. So my carousel will only advance to the second image, and my search bar will appear, but I can’t get it to close. I don’t have any errors in my console, so I’m really stumped with this.
I know foundation is working as the carousel displays correctly and my mobile menu is hidden.
Thanks for any help.
It turns out I was missing a CSS package called motion-ui.
http://foundation.zurb.com/sites/docs/motion-ui.html
Motion UI is a standalone library that powers the transition effects used in a number of Foundation components, including Toggler, Reveal, and Orbit. The transitions are powered by special transition classes that the Motion UI Sass creates. For example, here are two instances of Toggler—one using fade classes (.fade-in and .fade-out), and one using slide classes (.slide-in-down and .slide-out-up).
Related
what I would like to do in RED BOX:
hello. obviously I am new and very much a beginner.
I am using ember.js for my application frontend and bootstrap to ease the styling process. I want to build a top fixed menu bar like the picture attached and a left navigation bar with scrolling like the picture attached. maybe because I am new thats why I am unable to use the manuals properly to land me at this point.
if anyone choose to help, need to know 1st that if there are already defined builtin components in ember.js to solve this issue (I am using ember v3.18), I am unable to find any.
2nd, if 1st question answer is no, then how can I build it - or are there any suggestive codes available online for me to learn from?
As an example:
http://help.apple.com/numbers/mac/3.6/
If you visit this page, you see first the activity indicator, then the page loads up. It feels like splash screen. The site seems built in Ember.js 1.x. I like the idea to have such splash screen, better than nothing especially when the network speed is slow.
How to implement this feature in Ember? Any good addon?
Use the application loading substate, you can generate a template with
ember g template application-loading
(note the dash)
You can find out more about substates here:
https://guides.emberjs.com/v2.4.0/routing/loading-and-error-substates/
Or watch Alex short talk about them:
https://vimeo.com/157235004
Take a look at the Pace library that can show spin bar also on loading initial scripts
I'm developing a GDK app where I need to provide an user experience to display status text similar to video recording status that Glass provides ( displaying "Recording" status then displaying progress indicator and finally showing 'Complete' text ). Appreciate your input.
Right now, you'll need to write your own UI logic to do this (perhaps by using a Dialog with a custom layout that has the appropriate centered label and icon, with a progress bar at the bottom, and changing the label and dismissing the dialog when the action is complete).
You may want to follow issue 271 in our issue tracker, which covers the progress indicator part of this flow.
Tony is right. There is no way to do this naively but you can build it yourself. You can create a layout that is build exactly like the menu is built in the GDK, and then just update the setcontentview() with a new layout each time you want to move to the next card. Also you can build a layout with the holo horizontal progressbar to get the general idea but it won't be like the one Google uses.
Also wanted to add that I have built a repo that you can drop into your project for this. Here is the link: https://github.com/w9jds/GDK-ProgressBar
I want to convert component to module apart from using plugin is ther any process to handle it.
(or)
whether we should code somethimg to make my mvc component to module .
(or)
is there any possibility to make my component to be placed at desired module position in my template
Regards,
noble
You can't convert a component to a module. A component, module and plugin are all 3 different things. Obviously if your component was something like a simple upload form, then this could be turned into a module but I doubt very much it is.
Nor can you place the component in a module position.
Judging by what you're asking, I am assuming that this is your own custom component, in which case, you should have had a little think and done a little research before you made it and brainstormed your exact requirements.
1st thing You can't convert a component to a module. You have to understand the difference between them
Components are the largest and most complex extensions of them all; they can be seen as mini-applications. Most components have two parts: a site part and an administrator part. Every time a Joomla page loads, one component is called to render the main page body. For example, Content (com_content) is the component which handles the display of content; users can view at the frontend of your site and, as an administrator, you can edit the content. Components are the major portion of your page because a component is driven by a menu item and every menu item runs a component.
Examples: Content (com_content), Banners (com_banners), Contact (com_contact), News Feeds (com_newsfeeds) and Web Links (com_weblinks)
Modules are more lightweight and flexible extensions used for page rendering. These modules are mostly known as the “boxes” that are arranged around a component, for example: the login module. The footer is a module. Modules are assigned per menu item. So, you can decide to show or hide the logon module depending on which menu item the user is viewing. Sometimes modules are linked to components such as the “latest news” module which links to the com_content and displays links to the newest content items. However, modules do not need to be linked to components, as a matter of fact they don't even need to be linked to anything and can be just static HTML or text.
Examples: Banners (mod_banners), Menus (mod_menu), Who's Online (mod_whosonline)
Read more
If you are using Joomla 1.5 then please refer this plugin it does exactly what you want. http://extensions.joomla.org/extensions/2723/details
I was wondering if anyone knows of a jQuery or MooTools script that will do the exact same thing as YOOcarousel (http://tools.yootheme.com/extensions/yoocarousel).
I'm looking to emulate the 'List Styling' setup they have where on the left you have the tabbed navigation and on the right it fades in/out thru each of the tabbed items as they are clicked.
Thanks,
Ryan
iCarousel might work for your purposes (demo and code examples here as well), created by Fabio Zendhi Nagao. The functionality isn't exactly identical (tab based control) to the YooTools Carousel but foundation is there to make it very close to the YooTools offering.
slideItMoo is another alternative- however, it appears to have fewer customized examples and less of a fan base.