Just to be ready for the next referendum.

Selectbox.js and google fonts have an conflict.. Main reason is [role=option] vs [role=options]
I couldnt understand which one is correct one but can you check it please?

I just noticed that your fix causes a problem on Safari 5.1.7 on Windows 8 and Safari 5.1.3 on Mac OS X 10.7.3.
Everytime your plugin adds a symbol to show the mask, the cursor is placed on the left of the newly inserted number. You have to mannually replace the cursor to the very end of the string.
That might not be clear....so take a look at the picture below :

So if I try to enter 514 878 1000 in one shot, this is what I get :

Thanks for your help.

Cédric

You can check: #36

data-subsets code was working only for some "latin-ext". I fixed it as using this:

    if (this.options.subsets) {
      this.options.subsets = this.options.subsets.split(',')
      for (var i in BFHGoogleFontsList.items) {
        var font = BFHGoogleFontsList.items[i];
        for (var f = 0, allhave = true; f <= this.options.subsets.length; f++){
            if ($.inArray(this.options.subsets[f], font.subsets) == -1) {allhave = false;}
            if (f == this.options.subsets.length-1 && allhave == true){
              this.familyList[font.family] = {
                'font': BFHGoogleFontsList.items[i],
                'i': parseInt(i)
              };
            }
        }
      }
    } else if (this.options.families) {

You can set data-subsets as "vietnamese,cyrillic-ext" and you will see only 3 fonts that have "vietnamese" and "cyrillic-ext" together.

For the moment countries are processed on 'window.load' event and won't work from within Knockout.js templates. I've crafted a quick sample on making that work properly.

After upgrading bootstrap.js to version 2.3.0 and also tested on version 2.3.1 the datepicker.js stopped working. When clicking on the input field the calendar does not show up anymore.

Managed to track down the issue to the toggle function within bootstrap-formhelpers-datepickers.js:

if (!isActive) {
$parent.toggleClass('open')
}

For some reason the toggleClass is not called? I'm also running jquery 1.9.1

To get it to work I changed the block to the following:

if (!isActive) {
$parent.show()
}else{
$parent.toggleClass('open')
}

Not sure if this is due to jquery or bootstrap.js? any help appreciated!

thanks

Thank you so much for your google font helper..
I used it on a wordpress theme customizer. You can check it if you want: (Still on review) :
http://theme.firmasite.com/

Anyway, my feature request is pattern choose. Check this dude's solution:
http://bradjasper.com/subtle-patterns-bookmarklet/
This is good but i prefer a better solution like your google font helper tbh.
Is it possible?

class="selectbox-options" role="options"

should not have class="selectbox-options".

http://vincentlamanna.com/BootstrapFormHelpers/language.html

the drop downs are empty, used to work though.

On the demo page (and when downloading the source) a stack overflow error is thrown while viewing in Internet Explorer 8.

Otherwise, this is a great tool, and we would love to use this.

Attempt to use the num pad in the phone field...

Google maintains a pretty comprehensive library for international phone number formatting. It even has an as-you-type formatter. It would be awesome if BootstrapFormHelpers used it.

http://code.google.com/p/libphonenumber/

I needed to list of google fonts with data-subsets="latin-ext" and added this code to your script. Probably its not best way to do that (js noob here), its working tho.

if (this.options.subsets) {
      this.options.subsets = this.options.subsets.split(',')
      for (var i in GoogleFontsList.items) {
        var font = GoogleFontsList.items[i];
        if ($.inArray(font.subsets[0], this.options.subsets) >= 0) {
          this.familyList[font.family] = {
            'font': GoogleFontsList.items[i],
            'i': parseInt(i)
          };
        }
      }
    } else if (this.options.families) {

maybe you consider this to add to your project because subsets really important for non-english communities

I noticed that some of your css classes use names too common. like _.datepicker. I would sugest you to append some prefix to avoid possible conflicts. Something like a namespace: _formhelper- or even just _fh-. So in the above example it would be like _formhelper-datepicker or _fh-datepicker_. This way your library will be safe to use (conflitcless) and you even may reduce some possible complaints about errors that are in fact conflict issues. ;-)

How to make Select Box disabled? I mean sth like this:

<form action="demo_form.asp">
  First name: <input type="text" name="fname" disabled><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="Submit">
</form>

When I put the word 'disabled' to BFH Selectbox, to the input tag, it doesn't turn to disabled. This is my code:

<div class="bfh-selectbox form-inline">
    <input  class="filtr" type="hidden" name="minpoj" value="" disabled>
    <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
        <span id="minpoj" class="bfh-selectbox-option input-smallx" data-option="1">10</span>
        <b class="caret"></b>
    </a>
    <div class="awid2 bfh-selectbox-options">
        <ul role="options">
          <li><a tabindex="-1" href="#" data-option="1">10</a></li>
          <li><a tabindex="-1" href="#" data-option="2">15</a></li>
          <li><a tabindex="-1" href="#" data-option="3">30</a></li>
          <li><a tabindex="-1" href="#" data-option="4">40</a></li>
          <li><a tabindex="-1" href="#" data-option="5">60</a></li>
          <li><a tabindex="-1" href="#" data-option="6">80</a></li>
          <li><a tabindex="-1" href="#" data-option="7">100</a></li>
          <li><a tabindex="-1" href="#" data-option="8">110</a></li>
          <li><a tabindex="-1" href="#" data-option="9">120</a></li>
          <li><a tabindex="-1" href="#" data-option="10">160</a></li>
          <li><a tabindex="-1" href="#" data-option="11">190</a></li>
          <li><a tabindex="-1" href="#" data-option="12">500</a></li>
          <li><a tabindex="-1" href="#" data-option="13">1000</a></li>
        </ul>
    </div>
</div>

Thanks

http://en.wikipedia.org/wiki/Turkish_lira_sign

In May 2012, Unicode decided the encoding of U+20BA ₺ turkish lira sign (HTML: ₺) and it was included in Unicode 6.2 released in September 2012.

We can put TL as symbol safely if you want.

(PS: http://unsalkorkmaz.com/turk-lirasi-sembolu/ have font-icon for people needed)

Everyone uses Bootstrap differently, I've spent a while so far going through and trying to track down the dependencies of this project, it's great, but I'm not using all of Bootstrap and I think it would be good to list somewhere all of the JS & CSS dependencies of this project so that people can use it modularly if needed.

It does not work with newer jquery versions - it only works with 1.7.2 in the example
Im always recieving this error

Fehler: Error: Syntax error, unrecognized expression: table.calendar td:not[.off]
Quelldatei: .../includes/js/jquery-1.8.3.min.js
Zeile: 2

Fehler: Error: Syntax error, unrecognized expression: table.calendar td:not[.off]
Quelldatei: .../includes/js/jquery-1.9.0.min.js
Zeile: 2

Hi ,
Are you planing to add different currencies of the world.
Thankyou

I suppose this is something of an open issue (localisation), but I guess some of the phone field definitions will be incorrect right now. I know for a fact the UK one is incorrect, although to be honest a UK phone number can change its style depending on the number. For example, most people probably have a phone number with a four-digit area code, so the input mask will be 01xx xxx xxxx with the first group being the area code. But then you have five-digit area codes that'll have a number like 01xxx xxxxxx. And then there's London-based numbers which have a three digit area code 020 xxxx xxxx, not to mention mobile phones which tend to be written like a regular five-digit-area-code number: 07xxx xxxxxx.

In fact I just found a good description of the mess on Wikipedia. See the sections Overview and Format.

So I suppose as well as updating the definitions for countries where the formats are currently incorrect, the whole feature needs to be generally extended to allow for such things. In the case of these variable UK numbers, the definition would have to store a lit of all known area codes, and the corresponding input mask after that, maybe having a default mask for any unspecified area codes (this way you only have to specify abnormal ones). Alternatively, some kind of logic to allow something along the lines of the table at the beginning of the Format section of the Wikipedia article.

Maybe I'm thinking too much into a handy feature, eh?

Once in phone field can't toggle between browser windows.

I'm using latest chrome on a mac.

backsapce doesn't work when trying to delete a digit. it only deletes one digit if you have the full number typed and it stops. if you don't have the full number typed and you try to delete a digit, it does NOT work at all.

Html's multiple select options always been a problem for user experience. Most of users dont know how they can select multi option. For years, i see lots of people tried to fix that problem. Like: http://ivaynberg.github.io/select2/

I believe they seriously failing for multiple select except 1 solution:
https://code.google.com/p/dropdown-check-list/

This solution is really best for user experience and i believe a similar solution will be a good addition for BootstrapFormHelpers.

Fix by @twitersrbija -> Change td:not[.off] to td:not(.off).

I'm unable to tab out of the phone field once I'm in it.

so:
<input type="text" name="phonenumber" id="id_phonenumber" value="(222) 222-2222" class="input-medium sharpedge phone" data-country="US">

This is after a user has submitted a form and now they are looking to edit their info.

The value doesn't end up showing. Possibly this is not the way to do it? In version one of this however this worked and the value would show on the form.

I see flash up the number and then it goes back to default of ( )