Zurb Foundation 3 and 4 had the .end class for the last child in a grid if you did not want it to float right. Since updating to Foundation 5 all our .end classes seems to have stopped working.
I've looked in the Foundation Documentation but I can't find any pointers. Does anyone know?
In the latest version there is now;
.end {
float: right !important; }
which is pushing it over. Swapping this out for .left seems to fix it.
HTH
Seems to be an ill-conceived bi-directional layout addition to Foundation 5 that will be fixed when Foundation 5.0.4 is released.
This github issue documents the problem.
Related
Morning,
I wanted to find out if its possible to make a change to the current foundation 5 navbar without breaking it for mobile and desktop views.
basically the current one sits the left text/image to the far left and the nav menu to the far right, which is great when the design is across the entire page, but if the content is centralized in the middle sort of like the normal 960 web layouts, it looks a bit weird at times.
is it possible to have the left image/text and nav menu links centralized in the center like it would be seen if it was in a 960px wrapper.
this all ofc without stopping the responsiveness of it.
Thanks
It sounds like what your are trying to accomplish is to center a top-bar navigation within a row.
If that's the case then you can use <div class="contain-to-grid"> to keep your top-bar within your grid layout and something like <div class="small-9 small-centered columns"> to center the row that the top-bar is in. I created a codepen example for you to look at here: http://cdpn.io/jJhyn.
The classes mentioned above are all part of Foundation so you will not be affecting the responsiveness of your design.
For a complete list of the options available to customize the top-bar see the Zurb Foundation Top Bar documentation.
If I have misunderstood your question let me know, and code is always appreciated.
I hope that helps.
EDIT: 02/13/2014
I was looking into another issue when I stumbled upon this, How to center top-bar nav?. It center's the buttons/links within the top-bar, not the top bar itself. They page they used as an example is Mister Dutch. I updated the codepen above to reflect what I found on the Foundation Forum.
Again, if I have misunderstood your question let me know.
I have used Foundation 4 with Custom Forms before and they work great. With Foundation 5 however I am unable to understand how to use them. Need help!
Going to the URL: http://foundation.zurb.com/stencils.html it gives strange guide on using it which I am not able to understand.
Stensils is a set of tools that helps you to quickly create interfaces in OmniGraffle.
More inforamation about OmniGraffle, here:
http://www.omnigroup.com/omnigraffle
If you need to create some custom forms for web, better to look here:
http://foundation.zurb.com/docs/components/forms.html
As you can see at
http://foundation.zurb.com/docs/upgrading.html#upgrading-the-sass
#import "foundation/components/sections";
#import "foundation/components/custom-forms";
have both been removed from the foundation framework. If you are looking to continue using custom forms as defined in Foundation 4 and as described in their official documentation
http://foundation.zurb.com/docs/v/4.3.2/components/custom-forms.html
Then you should probably switch back to Foundation 4.
As an alternative, you could always use CSS3 and pseudo elements to style the checkboxes and or radio buttons without having to use a javascript plugin to do it.
I just upgraded from version 4.1 from a month or so back and suddenly my section (horozintal-nav) is being hidden on screen sizes above 768px. Prior to the upgrade it would display as a horizontal nav above 768px and as an accordion on smaller screens.
I am using compass and sass.
I have also tried cutting and pasting their example code from their documentation into the top of my page and I get the same behaviour with that as well.
The CSS that hides the control...
/* line 49, ../../../../../lib/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_section.scss */
[data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden;
}
Is anyone else having this problem?
Seems I just needed to add data-section-resized attribute to my container.
<div data-section="horizontal-nav" data-section-resized>...</div>
So simple fix, but that isn't in the zurb documentation - does anyone one know what that attribute is for?
I ran into this problem as well. The above answer didn't quite work for me because all my tabs were squashed to the top right, overlapping each other.
This thread helped me sort it out:
https://github.com/zurb/foundation/issues/3555
This isn't broken. Sizing can't be calculated correctly when elements aren't visible. If you're going to hide them and then show, you'll need to call reflow or fire the resize event to get things to calculate the correct sizes.
At least for my case, my items were being loaded AFTER Foundation was able to calculate the widths, so it always went to 0.
Hope this helps!
I need to add new items in my ListView and scroll it automatically. I created an application and it worked well for SDK Beta 1, but it doesn't work properly for Beta 2.
For example, I have 20 items in ListView and the first 5 of them are visible on the screen. If I call from my C++ method something like:
listView->scrollTo(ScrollPosition::End)
I can see only the last item on the top of ListView. I can scroll it down manually and it will work well, but I can't do the same from code.
The API documentation is not explicit, but does imply the behaviour you are seeing. You may want to use an alternate method: scrollToItem()
I recently upgraded to xcode 4. My application utilizes tabbarcontroller. In old xcode 3.x, you were able to change the tabs to different types per this screenshot:
From what I gather in researching this issue, xcode 4 no longer offers this functionality. Am I missing something? From what I researched we are now suppose to delete/add tabs then change attributes to get the desired effect. So, to that end in xcode 4, I've added a new tab item and made the class a UINavigationController fully expecting the ability to toggle the "Shows Navigation Bar" with a checkbox. But, the "Navigation Controller" grouping never appears. What am I missing?
Thanks for your help.
I was surprised at first too and I was about to ask the same question. But, when you open the Object Library, in the bottom you can see a big star, "Tab Bar Item". Just drag that to the tab bar and you will notice a new item added to the tab bar controller.
Weird but works!
Just drag drop View Controller onto tabs!
Thanks
I played with xcode 4 a little bit more and discovered you can drag Navigation Controller from library onto your UITabBarController and it will create your tab item for you and set it up as a NavigationController. Pretty cool. Hopefully this will help others.