ड्रूपल फॉर्म में अलग-अलग रेडियो बटन स्टाइलिंग

Question

मेरे पास रेडियो बटन का यह समूह है जिसमें प्रत्येक व्यक्तिगत बटन की शैली की विशेषता के माध्यम से अपनी स्थिति निर्धारित होती है। मैं ड्रूपल फॉर्म एपीआई का उपयोग कर इसे कैसे संग्रहीत कर सकता हूं। मैंने पाया कि पूरे रूप में स्टाइल कैसे करें, बल्कि समूह के भीतर व्यक्तिगत नियंत्रण के रूप में नहीं।

$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'), 

मैं # प्रकार => रेडियो अस्तित्व के बारे में पता कर रहा हूँ -

<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> 

और यह Drupal कोड मैं पर अटक कर रहा हूँ है - यहाँ है कैसे की तरह मेरे html कोड दिया गया है। हालांकि, मुझे नहीं पता कि इस संबंध में मेरे सभी रेडियो बटनों को एक साथ कैसे समूहित किया जाए। अगर मैं उन सभी के लिए एक ही सरणी कुंजी का उपयोग करता हूं, तो वे एक दूसरे को टक्कर देंगे। यदि मैं नहीं करता, तो उन्हें एक ही समूह के हिस्से के रूप में नहीं देखा जाता है। मैं पहले से आपको धन्यवाद करता हूँ।

Answer 1

प्रत्येक रेडियो तत्व इसकी अनूठी आईडी होगी जिसका उपयोग आप उचित सीएसएस लागू करने के लिए कर सकते हैं।

उदाहरण तुम इतनी तरह

$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'), 
); 

चाहिए उत्पादन मार्कअप प्रदान की:

<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> 

निम्नलिखित सीएसएस लागू करें और आप सेट किया जाना चाहिए।

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

Answer 2

उत्तर आपके पास पहले से मौजूद HTML के साथ सीएसएस का उपयोग करना है। ऐसा लगता है कि आप रेडियो बटन के डिस्प्ले को 'इनलाइन' में 10px मार्जिन के साथ बदलना चाहते हैं, जो आप कर सकते हैं। आप Drupal 6.x फार्म एपीआई और #type=>radios (http://api.drupal.org/api/function/theme_radios/6) उपयोग कर रहे हैं (और अगर आप एक fieldset के भीतर अलग तत्वों में रेडियो को तोड़ने की थी, वे अब एक दूसरे के साथ बातचीत चाहते हैं।)