Stile pulsanti radio individuali in forma drupal

Question

Ho questo gruppo di pulsanti di opzione in cui ogni singolo pulsante ha la propria posizione impostata tramite l'attributo style. Mi piacerebbe come posso archiviare lo stesso usando drupal form api. Ho trovato come stile nello stesso modo, ma non come controllo individuale all'interno del gruppo. Ecco come il mio codice HTML simili -

<input type="radio" name="base_location" checked="checked" value="0" style="margin-left:70px;float:left;"/><span style="float:left;">District</span> 
    <input type="radio" name="base_location" value="1" style="margin-left:50px;float:left;"/><span style="float:left;">MRT</span> 
    <input type="radio" name="base_location" value="2" style="margin-left:60px;float:left;"/><span style="float:left;">Address</span> 

E questo è il codice di Drupal sono bloccato a -

$form['base_location'] = array(
    '#type' => 'radios', 
    '#title' => t('base location'), 
    '#default_value' => variable_get('search_type', 0), 
    '#options' => array(
'0'=>t('District'), 
'1'=>t('MRT'), 
'2'=>t('Address')), 
    '#description' => t('base location'), 

io sappia # type => Radio esistenza. Tuttavia, non so come raggruppare tutti i miei pulsanti di opzione insieme a questo proposito. Se io uso la stessa chiave di array per tutti loro, si scontreranno a vicenda. Se non lo faccio, non sono visti come parte dello stesso gruppo. Ti ringrazio anticipatamente.

Answer 1

Se stai usando Drupal 6.x Form API e #type=>radios (http://api.drupal.org/api/function/theme_radios/6) ogni elemento radio avrà il suo ID univoco che è possibile utilizzare per applicare CSS appropriato.

L'esempio è fornito

$form['base_location'] = array(
    '#type' => 'radios', 
    '#title' => t('base location'), 
    '#default_value' => variable_get('search_type', 0), 
    '#options' => array(
    '0'=>t('District'), 
    '1'=>t('MRT'), 
    '2'=>t('Address')), 
    '#description' => t('base location'), 
); 

dovrebbe markup uscita in questo modo:

<div id="base-location-0-wrapper" class="form-item"> 
    <label for="base-location-0" class="option"><input type="radio" class="form-radio" value="0" name="base_location" id="base-location-0"> District</label> 
</div> 
<div id="base-location-1-wrapper" class="form-item"> 
    <label for="base-location-1" class="option"><input type="radio" class="form-radio" value="1" name="base_location" id="base-location-1"> MRT</label> 
</div> 
<div id="base-location-2-wrapper" class="form-item"> 
    <label for="base-location-2" class="option"><input type="radio" class="form-radio" value="2" name="base_location" id="base-location-2"> Address</label> 
</div> 

Applicare il seguente CSS e si dovrebbe essere impostato.

#base-location-0-wrapper, 
    #base-location-1-wrapper, 
    #base-location-2-wrapper { 
    display:inline; 
    margin-left:50px; 
    } 

Answer 2

La risposta è usare CSS con l'html che hai già. Sembra che tu voglia semplicemente cambiare il display dei pulsanti radio in 'inline' con margini di 10px, cosa che puoi fare. (E se interrompessi le radio in elementi separati all'interno di un fieldset, non interagirebbero più tra loro.)