Menu icon Foundation
We do need an official guidance

Dear Foundation Zurb,

Many thanks for your hard works. I am as pure beginner in web development have learned a lot from you.
To be honest, it is not so easy for me to learn. It is so easy for the experienced web developer.

Why it is not so easy:

1. Because the framework has been changed from version to version.
2. Because there is no complete and official guidance, especially for the beginner.

I think the Foundation knew that most of your users are people like myself, a pure beginner. Please do not take it for granted that only experienced web development make your framework so well known.

For example:

I have been trying for the hole day to make one of the group button as active state, but till now I could not make it.

<ul class="button-group right"></ul>


            

         

I would thanks if any body could help me to do it.

Best regards,

Nyoman
Bali, Indonesia

button-groupactive

Dear Foundation Zurb,

Many thanks for your hard works. I am as pure beginner in web development have learned a lot from you.
To be honest, it is not so easy for me to learn. It is so easy for the experienced web developer.

Why it is not so easy:

1. Because the framework has been changed from version to version.
2. Because there is no complete and official guidance, especially for the beginner.

I think the Foundation knew that most of your users are people like myself, a pure beginner. Please do not take it for granted that only experienced web development make your framework so well known.

For example:

I have been trying for the hole day to make one of the group button as active state, but till now I could not make it.

<ul class="button-group right"></ul>


            

         

I would thanks if any body could help me to do it.

Best regards,

Nyoman
Bali, Indonesia

Karl Ward over 5 years ago

Why not post the issue you are having with your group button? Post the code, and what is not working correctly. After that is solved, you gain another +1 level of Foundation experience, which is what learning is about.

Foundation is a tool for modern web development, and modern web dev is complicated. There is no shortcut to understanding everything, even for experienced web developers ... sometimes you just gotta bite your teeth together, and take things step by step, and you will get there eventually.

I don't think the framework essentially changes much from version to version, but of course there is always room for better documentation to cover all levels. Why not check out one of the video tutorials at Lynda.com or tutsplus.com?

i nyoman gurnitha over 5 years ago

Dear Karl Ward,

Many thanks for your comment and advice.

Bellow is the codes. I am using button group and I want to make, of course for a start,
the navigation of the homepage as the active one.

Can you help me please.

Thanks again.

Nyoman

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation | Welcome</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body>

    <!-- Header and Nav start-->

    <div class="row">
      <div class="large-3 columns">
        <h1><img src="img/logo.jpg"></h1>
      </div>
      <div class="large-9 columns">
        <ul class="button-group right" style="margin-top: 15px; ">
          <li><a href="index.html" class="small button">Home</a></li>
          <li><a href="products.html" class="small button">Products</a></li>
          <li><a href="portfolio.html" class="small button">Portfolio</a></li>
          <li><a href="contact.html" class="small button">Contact</a></li>
        </ul>
      </div>
    </div>
</body>
</html>

Alan Duke over 5 years ago

Hi try this if you add disabled the button will appear lighter.

Home
Products
Portfolio
Contact


I hope this helps

Alan Duke over 5 years ago

Hi try this if you add disabled the button will appear lighter.

```

Home
Products
Portfolio
Contact

sorry about the previous attemp

Brandon Arnold over 5 years ago

There isn't a built in active class with button-groups and Foundation, however you can add your own like i did here using SASS (you can use css if you'd rather.

http://cdpn.io/covfk

As far as learning is concerned there are tons of places to receive info on Foundation. From its own docs, to Treehouse, lynda, tutsplus, ZURB even has their own training on the matter. As for the rest of the questions you've hit the right place to ask those.

Best of luck.

i nyoman gurnitha over 5 years ago

Dear Alan Duke,

Thanks for your suggestions, but sorry, I did not get what you mean since I could see there were only 3 dots on the screen.

Please advise me again. Thanks.

Nyoman

i nyoman gurnitha over 5 years ago

Dear Brandon Arnold,

Many many thanks for your magic solution.

As your advised, i have learn from many sources as you mentioned. But many times, I could not get what I was looking for.

Mr. Arnold,

If you were in my home in Bogor, Indonesia, I would pick up some young coconut fruits and serve you for some drinks under the heat of the sun. Very delicious with some slices of lemon and ice..heeeee..

Have great day,
Nyoman