ruby on rails - How to make simple_form input field wider with CSS? -

-

this dumb question. trying make simple_form input field wider. here simple_form css posted on github:

/* ----- simpleform styles ----- */  .simple_form div.input {   margin-bottom: 10px;   clear: both; /* required webkit, not gecko */ }  .simple_form label {   float: left;   width: 100px;   text-align: right;   margin: 2px 10px; }  div.boolean, .simple_form input[type='submit'] {   margin-left: 120px; }  div.boolean label, label.collection_radio_buttons {   float: none;   margin: 0; }  label.collection_radio_buttons {   margin-right: 10px;   vertical-align: -2px;   margin-left: 2px; }  .field_with_errors {   background-color: #ff3333; }  .simple_form .error {   clear: left;   color: black;   display: block;   margin-left: 120px; }  .simple_form .hint {   clear: left;   margin-left: 120px;   color: #555;   display: block;   font-style: italic; }  input.radio {   margin-right: 5px;   vertical-align: -3px; }  input.check_boxes {   margin-left: 3px;   vertical-align: -3px; }  label.collection_check_boxes {   float: none;   margin: 0;   vertical-align: -2px;   margin-left: 2px; }  or in sass format:  /* ----- simpleform styles ----- */  .simple_form   div.input     margin-bottom: 10px     clear: both    label     float: left     width: 100px     text-align: right     margin: 2px 10px    .error     clear: left     color: black     display: block     margin-left: 120px    .hint     clear: left     margin-left: 120px     color: #555     display: block     font-style: italic  div.boolean, .simple_form input[type='submit']   margin-left: 120px  div.boolean label, label.collection_radio_buttons   float: none   margin: 0  label.collection_radio_buttons   margin-right: 10px   vertical-align: -2px   margin-left: 2px  .field_with_errors   background-color: #ff3333  input.radio   margin-right: 5px   vertical-align: -3px  input.check_boxes   margin-left: 3px   vertical-align: -3px  label.collection_check_boxes   float: none   margin: 0   vertical-align: -2px   margin-left: 2px

we tried few options in div input {} there no change field width. not sure part layout of input field. how can make input field wider modified css above? help.

add:

width: 600px:

to:

.simple_form div.input { }

to make 600px example. google "input .width css" more information.

if want applied text fields use input[type=text]


Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more