Menu icon Foundation

My Posts




My Comments

Bruno Couto commented on Onie Camara's post over 4 years

@Rafi, that would be amazing, please let me know when you post it as a building block, as soon as possible.
Thanks!

Bruno Couto commented on Onie Camara's post over 4 years

@Rafi where can I grab the code for the left-sidebar on the Zurb University's site?
Thank you

Bruno Couto commented on Bruno Couto's post over 5 years

I've just noticed the same happens on the login form of this forum.
Every error shows up below the login form. How can I achieve this?

Bruno Couto commented on Bruno Couto's post over 5 years

Hi Wind-Hou,

That's not the intended.
I need to be able to show just one error, at least show it in the same position replacing the old one.

So If my first field throws and error it should show, then if I went to the second, the new error message should replace the other.
I believe this should be pretty common. In my situation it's for a code divided in 3 inputs. I don't want so say "the first field is invalid" "the second field is invalid", etc, I want just "the code is invalid, referring to the 3 inputs.

Any ideas how to solve this?

Bruno Couto commented on Bruno Couto's post over 5 years

Hi,
I've just figured it out, I was compiling with compass app, which doesn't support Foundation 5.
Using 'compass watch' on the terminal solved it.
Thank you

Bruno Couto commented on Bruno Couto's post over 5 years

This isn't Ruby, I don't understand a thing about ruby too, it's just the config file for the sass environment.
I still haven't my selects and checkboxes + labels properly styled, everything else is ok. What's wrong here?

Bruno Couto commented on Bruno Couto's post over 5 years

I'm using the normal config I guess, with sass. I followed this steps:
http://foundation.zurb.com/docs/sass.html

The inputs seems to be styled correctly, but the select and also checkbox+label aren't.

I'm calling app.css:
HTML
<link rel="stylesheet" href="assets/css/app.css" />

and foundation js:
HTML
<script src="assets/bower_components/foundation/js/foundation.min.js"></script>
<script src="assets/scripts/app.js"></script>

This is my config.rb:
```Ruby
add_import_path "bower_components/foundation/scss"

Set this to the root of your project when deployed:

http_path = "/assets/"
css_dir = "css"
sass_dir = "css/_dev"
images_dir = "img"
javascripts_dir = "scripts"
```

This is my app.scss
SCSS
@import "settings";
@import "foundation";
@import "foundation/components/grid-5";
@import "foundation/components/forms";

What else may be missing?

Posts Followed

  • 12
    Replies
  • Make left sidebar fixed position

    By Onie Camara

    sidebar

    I would like to make the left sidebar fix so that when I scroll, only the content is scrollable. I was able to make the topbar fix by adding < div class="fixed contain-to-grid" > I added the same code to line 5 on my code below but the content pane vanish... (continued)

    Last Reply by Rafi Benkual over 4 years ago


Following

    No Content

Followers

My Posts

My Comments

You commented on Onie Camara's post over 4 years

@Rafi, that would be amazing, please let me know when you post it as a building block, as soon as possible.
Thanks!

You commented on Onie Camara's post over 4 years

@Rafi where can I grab the code for the left-sidebar on the Zurb University's site?
Thank you

You commented on Bruno Couto's post over 5 years

I've just noticed the same happens on the login form of this forum.
Every error shows up below the login form. How can I achieve this?

You commented on Bruno Couto's post over 5 years

Hi Wind-Hou,

That's not the intended.
I need to be able to show just one error, at least show it in the same position replacing the old one.

So If my first field throws and error it should show, then if I went to the second, the new error message should replace the other.
I believe this should be pretty common. In my situation it's for a code divided in 3 inputs. I don't want so say "the first field is invalid" "the second field is invalid", etc, I want just "the code is invalid, referring to the 3 inputs.

Any ideas how to solve this?

You commented on Bruno Couto's post over 5 years

Hi,
I've just figured it out, I was compiling with compass app, which doesn't support Foundation 5.
Using 'compass watch' on the terminal solved it.
Thank you

You commented on Bruno Couto's post over 5 years

This isn't Ruby, I don't understand a thing about ruby too, it's just the config file for the sass environment.
I still haven't my selects and checkboxes + labels properly styled, everything else is ok. What's wrong here?

You commented on Bruno Couto's post over 5 years

I'm using the normal config I guess, with sass. I followed this steps:
http://foundation.zurb.com/docs/sass.html

The inputs seems to be styled correctly, but the select and also checkbox+label aren't.

I'm calling app.css:
HTML
<link rel="stylesheet" href="assets/css/app.css" />

and foundation js:
HTML
<script src="assets/bower_components/foundation/js/foundation.min.js"></script>
<script src="assets/scripts/app.js"></script>

This is my config.rb:
```Ruby
add_import_path "bower_components/foundation/scss"

Set this to the root of your project when deployed:

http_path = "/assets/"
css_dir = "css"
sass_dir = "css/_dev"
images_dir = "img"
javascripts_dir = "scripts"
```

This is my app.scss
SCSS
@import "settings";
@import "foundation";
@import "foundation/components/grid-5";
@import "foundation/components/forms";

What else may be missing?

Posts Followed


Following

  • No Content

Followers

  • No Content