Git Product home page Git Product logo

Comments (11)

pixelmatrix avatar pixelmatrix commented on July 19, 2024

That's is really difficult to do. Not sure that it's possible.

from uniform.

pixelmatrix avatar pixelmatrix commented on July 19, 2024

Uniform for sure works with more than one select on a page, but doesn't work at all with select[multiple="multiple"] elements. I believe this is what you meant nmeirik?

from uniform.

nmeirik avatar nmeirik commented on July 19, 2024

That's right.

from uniform.

jisuo avatar jisuo commented on July 19, 2024

Is it possible to disable uniform on multiple selects somehow?

from uniform.

pixelmatrix avatar pixelmatrix commented on July 19, 2024

jisuo, if you download the latest version from Github, it should no longer style multiple selects.

from uniform.

simonwiles avatar simonwiles commented on July 19, 2024

latest trunk is still styling <select multiple="multiple"> elements :(

from uniform.

CumpsD avatar CumpsD commented on July 19, 2024

You can fix it by using this on line 646 (instead of just checking for multiple true)

https://github.com/pixelmatrix/uniform/blob/master/jquery.uniform.js#L646

        if(elem.is("select")){
          //element is a select
            if (elem.attr("multiple") != true && elem.attr("multiple") != "multiple") {
            //element is not a multi-select
            if(elem.attr("size") == undefined || elem.attr("size") <= 1){
              doSelect(elem);
            }
            } else {
                doMultiSelect(elem);
          }

from uniform.

gatolost avatar gatolost commented on July 19, 2024

The multi select input can be worked as a textarea, (according to the previous message)

add in jquery.uniform.js :

function doMultiSelect(elem){
$(elem).addClass("uniform");
storeElement(elem);
}

/************/
and in uniform.default.css line 50 add:
select[multiple="multiple"].uniform,

and line 72 add:
select[multiple="multiple"].uniform:focus,

from uniform.

fidian avatar fidian commented on July 19, 2024

I've added code like this to the git repository and would love to know if this works for you.

from uniform.

gatolost avatar gatolost commented on July 19, 2024

I don't know if the code that you added works fine, but the code that I wrote above works for me, I am using that in a current project, remember to include the code writen by CumpsD in her last comment too :)

from uniform.

paragredkar avatar paragredkar commented on July 19, 2024

gatolost & CumpsD great...that fix worked for me as well :)

from uniform.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.