1 Question: Présentation de plusieurs cases à cocher dans asp.net mvc [fermé]

question créée à Thu, Mar 28, 2019 12:00 AM

J'ai une page où je crée plusieurs cases à cocher en utilisant for loop. J'ai créé une table et chaque case à cocher créées séparément. Maintenant, une longue liste de cases à cocher se forme. Je le veux dans une forme carrée pas dans la longue liste.

    
0
  1. Ensuite, vous devez utiliser des styles CSS pour cela.
    2019-03-28 12: 04: 40Z
  2. J'ai essayé mais je ne travaille pas. J'ai gardé la table à l'intérieur de div, mais la liste des cases à cocher est toujours sortie de div et making list. Si vous avez un échantillon qui serait vraiment utile
    2019-03-28 12: 18: 29Z
  3. Voulez-vous dire que vous voulez afficher vos cases à cocher horizontalement au lieu de verticalement? Pouvez-vous nous montrer une partie de votre code?
    2019-03-28 12: 19: 02Z
  4. 2019-03-28 15: 04: 39Z
  5. capture d'écran du code
    2019-03-28 15: 05: 23Z
1 Réponses                              1                         

Veuillez suivre ce lien et modifier votre code en conséquence. 060035099111110101035062

N'utilisez pas de table, utilisez la balise div.

https://plnkr.co/edit/HUSmMO7ZALNC06WhffLs?p=preview

J'ai utilisé des classes d'amorçage et des CSS personnalisés pour le style. si vous voulez créer plus d’utilisation attrayante, vous devez utiliser vos propres styles. S'il vous plaît voir la sortie plnkr en plein écran. vous aurez ainsi une meilleure idée des classes de CSS.

    
0
2019-03-29 06: 18: 36Z
  1. Son Hardik de travail..Merci beaucoup!
    2019-03-29 11: 12: 05Z
  2. Vous êtes le bienvenu. amusez-vous :)
    2019-03-29 11: 12: 56Z
    <div class="row">
        @using (Html.BeginForm("Save", "Admin", FormMethod.Post))
        {
            for (int i = 0; i < Model.Count(); i++)
            {
                <div class="col-md-2">
                    @Html.CheckBoxFor(m => m[i].IsSelected)
                    @Html.LabelFor(m => m[i].CountryName, new { @class = "control-label" })                 
                    @Html.HiddenFor(m => m[i].CountryId)
                </div>
            }
        }
    </div>
source placée ici