Stream

 
Does anyone know how to customize gumby support for input type=file
1
Add a comment...
 
I'm having an issue with the fixed position feature. We have a nav bar that shows up further down the page and when you scroll past it, it attaches to the top of the page and sticks there for the rest of the site. For some reason, it's sticking, but shortening it's width and also sticking to the left browser edge (I've included screenshots, fair warning the styling is not complete).

Here is the code I'm using for the menu:

HTML:
<div id="mission" data-target="mission">
  <div id="menu" gumby-fixed="top">
    <div class="row">
      <div id="logo" class="two columns">
        <img src="<?php echo get_template_directory_uri(); ?>/img/img-logo.png" alt="AIM Logo" id="AIM Logo">
      </div>
      <div id="nav-container" class="push_four six columns">
        <ul id="nav">
          <li class="nav-item"><a href="#" gumby-goto="[data-target='mission']">Our Mission</a></li>
          <li class="nav-item"><a href="#" gumby-goto="[data-target='directory']">Memeber Directory</a></li>
          <li class="nav-item"><a href="#" gumby-goto="[data-target='membership']">Become a Member</a></li>
        </ul>
      </div>
    </div>
  </div>

  More code...

</div>

SCSS:
#menu { background: rgba($black, 0.3); }

Please let me know if you can spot what I did wrong. #FixedPosition
1
Luke DeLalio's profile photo
2 comments
 
Hey - just spotted this in the Gumby documentation: 

"Finally, the fixed module will attempt to constrain the width of the fixed element if nested inside rows/columns, which will naturally become relative to the window and therefore lose inherited styles, this width will also be updated on window.resize. You can stop this functionality by specifying 'false' in gumby-constrain."
Add a comment...

Luke DeLalio

Features & Feedback  - 
 
Just got Gumby2 up and running. Absolutely killer.
1
Add a comment...
 
Take a look at what we are working on! Using gumby! 
1
Add a comment...

Cem Kaan KÖSALI

Features & Feedback  - 
 
"Claymate upload" would be a great feature.
I couldn't make gulp upload multiple folders at once
https://www.npmjs.org/package/gulp-ftp/
1
Add a comment...
 
Hi Everyone! Been using Gumby for a few months, it's pretty great! Framework's quite responsive - gotta love that! 

I'm using the pretty navbar with gumby-fixed="top" and that's one element on my page that's not resizing according to screen sizes (i.e. remains static when viewed from my android browser). Is there anyway this navbar can be resized? I did find this link (attached below) however I could not understand the solution properly. 

Can anyone please help? Would you like a link of the website to see how the navbar looks?
1
Add a comment...
 
I'm having a little issue with the menu (hamburger icon) button for the navbar on mobile view on my client's mockup site. When I click/tap on the button, the menu doesn't show right away. I have to double click for the menu to display when viewing the website on my iPhone.  If I resize desktop browser to mobile view on my laptop, I just have to single click the button and the menu appears. Any ideas what may be causing this? I'm sure it's something I overlooked but would like some fresh eyes on my css to determine what the problem is. 
1
Add a comment...

Awake Lanka

How do I?  - 
 
How to add tool-tips for an input element?
1
Add a comment...
1
Ethan Dunford's profile photo
 
Look how that one is built and implement into the gumby nav in the ui kit
Add a comment...
 
Hi,
I have a website on custom theme valleydez.com. It is built on Gumby Framework.
We were having problem with this framework at cart page. The problem was conflict between frameworks .js and Opencart's .js files which was causing problem with the coupon field on cart page. So the developer did something like this in the footer:-

<?php if(isset($this->request->get['route']) && $this->request->get['route'] <> "checkout/cart") { ?>
 <script src="catalog/view/theme/theme-name/js/libs/gumby.min.js"></script>
 <?php } ?>
 <script src="catalog/view/theme/theme-name/js/plugins.js"></script>
 <script src="catalog/view/theme/theme-name/js/main.js"></script>

This has resolved the problem on the cart page but the framework's .js file doesn't load on the first page or unless you click on any other link.

I may not be able to explain the problem in clear words please go to the website and try going to any other page and back to homepage then you will see the modal window which should have been load on valleydez.com.

Please try and help me.

Thank you
1
Saad Khaan's profile photoCem Kaan KÖSALI's profile photo
2 comments
 
Hi, sorry for the late reply. I am not a developer so can you please make it more clear for me where to update the code please
Add a comment...

About this community

Gumby 2 is an amazing responsive CSS Framework. Websites built today must be mobile friendly in order to survive. Why have two different sites for mobile and desktop when you can have your main site be one size fits all? Gumby Framework is also incredibly customizable; it’s as easy as download, tweak, deploy!

kev neal

Discussion  - 
 
Really struggling to understand modular scale, the documentation makes it sound like you set a base font size and an important number which is the H1 size and it then works out the rest of the sizes in relation to these, but in practice that doesn't seem to be how it works, at least not for me. Can anyone shed any light on this?
1
Cem Kaan KÖSALI's profile photo
 
just offer some speech for documents 
Add a comment...
 
When clicking a checkbox, I run into the below error...has anyone else seen this or know what the issue might be?

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: on jquery.js:1789
["Checking Checkbox", x.fn.x.init[1]]
0: "Checking Checkbox"
1: x.fn.x.init[1]
length: 2
_proto_: Array[0]
 gumby.js:157
["Triggering onCheck event", x.fn.x.init[1]]
0: "Triggering onCheck event"
1: x.fn.x.init[1]
length: 2
_proto_: Array[0]
 gumby.js:157
["Triggering onChange event", x.fn.x.init[1]]
0: "Triggering onChange event"
1: x.fn.x.init[1]
length: 2
_proto_: Array[0]
1
Add a comment...
 
Hi!

I have a problem initalizing dynamically added checkboxes. I can see them, styled and all, but can not check them. I add them by clicking a button that appends a div with checkboxes inside to a wrapper-div. After that I call Gumby.initalize('checkboxes'), all this inside the main.js file included with the Gumby library.

The error I get is  "Uncaught TypeError: undefined is not a function " on the row where i initalize the checkboxes. What do I miss?
1
Add a comment...

Michael Mallon

How do I?  - 
 #UN
 
Is there a simple way to have an element fix to top when scrolling up and un fix from top when scrolling down? 
1
Luke DeLalio's profile photoCem Kaan KÖSALI's profile photo
4 comments
 
You need to use Inview. The documentation on it is pretty sparse, but if you  go here there is a lot more:
https://github.com/GumbyFramework/InView/blob/master/README.md
Add a comment...
 
Misspell in Gumby.json conf doc
{
    "build": {
        "gumbyPath": "bower_components/gumby",
        "outPath": "js",
        "modules": ["retina", "toggleswitch", "validation"],
        "buildSourceMap": true
    }
}
1
Add a comment...
 
Hey guys, love the Gumby framework way of doing things.. but i've been a little worried about it not showing any activity on github for the late months. Is it being still actively developed?  thanks for the hard work :)
4
Tunbosun Ayinla's profile photo
 
+Jorge Mollón was about posting this as well. The last time an update was made on the repo was on 4th of May, 2014.
We need an update from the folks at Digital Surgeon
Add a comment...

César Rotela

How do I?  - 
 
Hi everyone!
First, sorry for my English is not my native language.

I would like to use the same menu on ipad (portrait), as they have in the kindle (portrait)

Any idea in which file is modified?
1
César Rotela's profile photoDavid Terneus's profile photo
6 comments
 
Perfect! works perfect David! 
Thank you for your time David...It helped me better understand how the menu works!
Thanks mate!
Add a comment...

Marc Shifflett

Discussion  - 
 
Hi, This is what I have

<!-filterbar ->
<div class="row>
    <div class="four columns">listing:xxx</div>
    <div class="four columns"><a href="#">list btn</a></div>
    <div class="four columns">
        <div class="btn medium primary"><a href="#" class="switch" gumby-trigger=".infobox">Filter</a></div>
    </div>
</div>

Grid is ok on desktop screens but on mobile it lays out vertically NOT horizontally because gumby.css line 1234 kills float:left

Why?
1
Timothy Boodram's profile photo
 
Did you want your four columns to still be laid out horizontally on mobile?

In gumby, all the columns become 100% wide on mobile.

What you can do is give these columns another class, and in your style.css or another stylesheet, give them the appropriate width in a mobile media query that overwrites gumby's mobile css.

Hope that makes sense!
Add a comment...

Chris Twellman

How do I?  - 
 
Is it possible to add a line break to a tool-tip?
1
David Terneus's profile photo
 
I believe you can do any html in the tooltip.
Add a comment...

Alekks Hennig

Discussion  - 
 
Heya, so. Anyone having problem with the modular-scale extension?
When running $ compass compile in terminal the compilation succeeds but if I use any software like Scout, Prepos or Codekit I always get this error: 
RuntimeError on line ["122"] of modular-scale.rb: can't modify frozen Array

If I "manually compile" with in terminal and then compile with any of the apps right after the compile succeeds but when saving the scss file one more time after a change the error is back.

I've tried to reinstall and rolled back versions since the only info when googling says that it was fixed when reinstalling or the gem version was unsupported so rolling back fixed it.
So, when using terminal it works, but I'd like to use e.g. Codekit for the other perks included - but then the compilation fails.

Anyone got any ideas?

Versions used atm:
ruby 2.1.2
compass (0.12.6)
modular-scale (1.0.6)
rvm (1.11.3.9)
sass (3.3.8)

Thanks for any help. Cheers.
1
Jull Weber's profile photoPierre Nel's profile photo
5 comments
 
ah, leaving compass watch running sorted it out - thanks :)
Add a comment...