कैसे एएसपी CheckBoxList लेबल चेकबॉक्स

Question

यह एक आम समस्या हो सकती है के रूप में एक ही लाइन पर रहने बनाने के लिए, लेकिन मैं एक समाधान है कि यह

ठीक कर देंगे मैं एक मॉडल पॉपअप मैं jQuery के साथ प्रदर्शित कर रहा हूँ है खोजने के लिए संघर्ष कर रहा हूँ इस, पॉपअप स और एक बटन की एक सूची है, कोड लगता है:

<div id="dialog" title="Notify Users" > 
    <div style="width:100%; height:500px; overflow:auto;"> 
     <asp:CheckBoxList ID="chkNotify" 
      runat="server" 
      CssClass="checkboxlist_nowrap" 
      RepeatLayout="Table" 
      /> 
    </div> 
    <asp:Button ID="btnSaveNotifications" 
     runat="server" 
     Text="Ok" 
     /> 
</div> 

पॉपअप ठीक से दिखाई देते तथापि प्रत्येक बॉक्स के लिए लेबल चेकबॉक्स के नीचे स्थित लाइन पर कर रहे हैं। मुझे यह पता लगाना प्रतीत नहीं होता कि ऐसा क्यों होता है, पहले मैंने माना कि div जिसमें CheckBoxList शामिल था, बहुत छोटा था इसलिए मैंने प्रत्येक div को एक निश्चित चौड़ाई दी, लेकिन इससे कुछ भी मदद नहीं मिली। मेरे सिर टैग में

<link href="../css/HelpDesk.css" rel="stylesheet" type="text/css" /> 

:

मैं भी इस सीएसएस

.checkboxlist_nowrap tr td label 
{ 
    white-space:nowrap; 
    overflow:hidden; 
    width:100%; 
} 

यह मदद फ्लॉप लेकिन के बारे में अगर स्टाइलशीट वास्तव में इस्तेमाल किया गया था, भले ही मैं अनिश्चित im लागू करने की कोशिश की है।

क्या कोई भी सुझाव दे सकता है कि मैं कोशिश कर सकता हूं?

धन्यवाद

अद्यतन: यहाँ मेरी Jquery है: यहाँ

$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     show: "blind", 
     width: 400, 

     hide: "explode" 
    }); 

और है कि कैसे मैं CheckBoxList पॉप्युलेट: बस के अंदर में जाने

Private Sub populateCheckBoxList() 

     Dim notificationList As DataTable 
     notificationList = dbGetNotificationsList(1) 

     For Each dr As DataRow In notificationList.Rows 

     Dim li As New ListItem 
     li.Text = dr("FullName") 
     li.Value = dr("ID") 

     If (dr("Checked") = 1) Then 
      li.Selected = True 
     Else 
      li.Selected = False 
     End If 
     chkNotify.Items.Add(li) 

     Next 

    End Sub 

मैं कोशिश की है CheckBoxList फॉर्म टैग ताकि कोई अन्य शैलियों को लागू नहीं किया जा सके और कुछ भी इसे प्रभावित नहीं करना चाहिए, हालांकि मुझे अभी भी एक ही समस्या मिलती है।

Answer 1

इसे बंद करने के रूप में चिह्नित करना क्योंकि मैंने कभी इसे समझने में कामयाब नहीं रहा और यह मुद्दा किसी अन्य देव को पास कर दिया गया है। जब मैं इसे वापस प्राप्त करता हूं तो यहां उत्तर पोस्ट करूंगा।

मैं वास्तव में लोगों की सराहना करता हूं कि इसे बंद करने के लिए मुझे मतदान करने के लिए वोट न दें, मैं अब कंपनी में काम नहीं करता हूं, मेरे पास इस मुद्दे को पुनर्जीवित करने या लोगों द्वारा पोस्ट किए जाने वाले किसी भी समाधान की पुष्टि करने का कोई तरीका नहीं है। इसे बंद करने के लिए सेट करें प्रदान किए गए समाधानों में से कोई भी समस्या को हल नहीं करता है।

Answer 2

मुझे लगता है कि यह एक सीएसएस समस्या है ... मैं आपके द्वारा पोस्ट की गई चीज़ों के साथ व्हाइटस्पेस रैपिंग को पुन: पेश नहीं कर सका। आप यह सुनिश्चित करना चाहते हैं कि jQuery में आपके संवाद की चौड़ाई सही ढंग से सेट हो।

कुछ की तरह:

$("#dialog").dialog({ 
    modal: true, 
    autoOpen: false, 
    draggable: false, 
    resizable: false, 
    width: 400, 
    buttons: { 
     Update: function() { 
      $(this).dialog('close'); 
     }, 
     Cancel: function() { 
      $(this).dialog('close'); 
     } 
    } 
}); 

इसके अलावा, सीएसएस (और जावास्क्रिप्ट) की जाँच करने के एक बहुत बढ़िया तरीका है गूगल क्रोम के देव उपकरण का उपयोग कर रहा है। वे क्रोम के साथ पैक कर रहे हैं। आपको बस इतना करना है कि जिस तत्व में आप परेशानी कर रहे हैं उस पर राइट-क्लिक करें और विंडो में HTML पर होवर करें। यह आपको सभी कक्षाओं को लागू करने के बारे में बताएगा और आपको मार्जिन/चौड़ाई/सबकुछ दिखाएगा। यह मेरे लिए असीम रूप से सहायक रहा है।

Answer 3

मुझे एक ही सटीक समस्या थी। मेरे लिए, यह सीएसएस फ़ाइल में 100% तक इनपुट की चौड़ाई निर्धारित कर रहा था जिससे समस्या उत्पन्न हुई। चेकबॉक्स नियंत्रण इनपुट टैग और लेबल टैग से बना है।मैंने 100% चौड़ाई लेने के लिए इनपुट टैग सेट किया और इससे लेबल टैग को एक नई लाइन से शुरू किया गया। मेरी सलाह आपकी सीएसएस फ़ाइल की जांच है!

Answer 4

मेरे लिए उपर्युक्त समाधानों में से कोई भी काम नहीं करता है और इसलिए मैंने सही HTML प्रस्तुत किया और पाया कि लेबल में डिस्प्ले प्रॉपर्टी को ब्लॉक करने के लिए सेट किया गया था। बदल रहा है यह काम किया इनलाइन करने के लिए:

.checkboxlist_nowrap label 
{ 
    display:inline; 
} 

Answer 5

एक ASP.NET चेकबॉक्स नियंत्रण का उपयोग करना, मैं एक चेकबॉक्स और उसके लेबल के बीच एक अवांछित linefeed के साथ एक ही समस्या थी। मेरा मानना ​​है कि समस्या ने अपने बदसूरत सिर को पीछे रखा क्योंकि कोड का यह खंड उस वर्ग में लपेटा गया था जिसने एक {प्रदर्शन: ब्लॉक} शैली लागू की थी।

<asp:Repeater 
    ID="UserRoleList" 
    runat="server"> 
    <Itemtemplate> 
     <asp:CheckBox 
      ID="RoleCheckBox" 
      CssClass="sameLine" 
      AutoPostBack="true" 
      Text='<%# Container.DataItem %>' 
      runat="server" /> 
     <br /> 
    </ItemTemplate> 
</asp:Repeater> 

स्रोत मैंने देखा शैली अंतराल कहा कि देखने से और कहा कि asp.net चेकबॉक्स नियंत्रण था ब्राउज़र में गाया एचटीएमएल को देखते हुए: मैं पहले चेकबॉक्स करने के लिए एक CssClass विशेषता जोड़कर समस्या हल इनपुट इनपुट और लेबल के रूप में अवधि के भीतर प्रस्तुत किया गया। मैंने अपनी शैली को केवल एक ही अवधि में लागू करने की कोशिश की लेकिन यह काम नहीं किया और न ही इनपुट टैग को शैली लागू कर रहा था।

.sameLine label { 
    display: inline; 
} 

Answer 6

कोड परियोजना में एक लेख का कहना है::

"प्रत्येक बॉक्स/RadioButton सीमित किया गया है के लिए उपलब्ध टेक्स्ट की लंबाई (मैं नहीं जानता कि क्या मेरे लिए क्या काम किया लेबल के लिए शैली लागू था सीमा का कारण बनता है), इसलिए यदि आप एकाधिक शब्दों का उपयोग करते हैं तो टेक्स्ट 8 वर्णों के बाद लपेटना शुरू कर देगा। यही कारण है कि इसे समाप्त करने के लिए 'व्हाइट-स्पेस: नाओपैप' का उपयोग सीएसएस में किया जाता है। "

संरेखण जारी करने के लिए समाधान के रूप में आप चेकबॉक्स सूची टैग की शैली गुण सेट करने की जरूरत है कि है,

style="white-space:nowrap"; 

मुझे लगता है कि एक ही शैली का उपयोग कर also.try सादे HTML टैग के लिए काम करना चाहिए सीएसएस फ़ाइल में भी बयान।

Here is the Link that i am sharing now Please refer to it.

Answer 7

सेट संपत्ति RepeatLayout = CheckBoxList

की 'प्रवाह' डिफ़ॉल्ट रूप से, दोहराने लेआउट के कारण यह नई लाइन की बात आती है कि 'टेबल' पर सेट है।

यदि लेआउट 'फ़्लो' पर सेट किया गया है तो चेकबॉक्स एक ही पंक्ति पर प्रदर्शित होंगे।

Answer 8

जब तक इस इस प्रश्न के लिए गूगल में पहली कड़ी थी - दूसरे से उत्तर पोस्ट सवाल Asp:CheckBox checkbox and text are not on the same line जवाब

सरल शैली display: inline-ब्लॉक; समस्या हल करता है। बेशक, आप एएसपी नियंत्रण गुणों की बजाय सीएसएस फ़ाइल में रखना चाहते हैं। :)

<asp:CheckBox style="display:inline-block;" ID="CheckBoxShowParameters" runat="server" Text="Show Parameters" /> 

Answer 9

मुझे एक जैसी समस्या थी। एक अन्य स्टैक ओवरफ़्लो article पर एक उत्तर मिला जो मैंने नीचे चिपकाया है।

आप प्रदर्शन करना चाहते हैं: एएसपी उस तत्व पर लागू होता है जो एएसपी लेबल टेक्स्ट को पकड़ने के लिए उत्पन्न करता है, नियंत्रण नहीं।तो, उदाहरण के लिए:

<style type="text/css"> 
label { display: inline-block; } 
</style> 
<asp:CheckBox Text="This text appears on same line as checkbox" runat="server" /> 

Answer 10

.checkboxlist_nowrap 
{ 
white-space:nowrap; 
display:inline-block; 
} 

Answer 11

<asp:CheckBoxList ID="CheckBoxList1" runat="server" CssClass="checkboxlist_nowrap" RepeatDirection="Horizontal"> 

.checkboxlist_nowrap label 
    { 
     font-weight:400; 
     padding-left:3px; 
    } 

उपयोग RepeatDirection संपत्ति। यह मेरे लिए काम किया !!