1

Recurro a ustedes, debido a que seguí los tutoriales de como colocar un select2 dentro de un modal. Pues bueno lo hice, pero el problema es el siguiente: El select2 sale reducido o mas pequeño.

Imagen del Select2 dentro del modal

introducir la descripción de la imagen aquí

Ya cambie el código lo que mire en tutoriales el tabindex: null

<div class="modal fade" id="dataPermisos" tabindex="null" role="dialog" aria-labelledby="exampleModalLabel">

Este es el código del select 2 de productos:

                    <div class="form-group">
                    <label for="id_producto" class="control-label">Producto:</label>
                    <div class="input-group date dpYears" data-date-viewmode="" data-date-format="" data-date="">
                        <select name="id_producto" id="id_producto"class="form-control option_s3">
                        <?php
                            $stmt = Conexion::conectar()->prepare("SELECT id_producto, nom_producto from t_producto");
                            $stmt->execute();
                            foreach ($stmt->fetchAll() as $r) {
                                echo "<option value='".$r[0]."'>".strtoupper($r[1] )."</option>";  
                            }
                        ?>
                    </select><div class="input-group-append">
                                 <button id="agregarProducto" id="dp-ig" class="btn btn-outline-success" type="button"><i class="fa fa-plus"></i></button>
                                 </div>
                             </div>
                </div>

Foto Secundaria

De que me muestra los productos , no hay problema, solo que el select2 es pequeño introducir la descripción de la imagen aquí

2
  • Tienes unas clases personalizadas dentro de tu código, muéstranos el CSS que está aplicando junto a esos input-group. También podrías añadir un estilo in-line a ese div para ver si funciona sólo con CSS, algo como min-width: 200px; el 28 nov. 2019 a las 20:40
  • Lo resolviste ??, tengo el mismo problema
    – Pipe
    el 13 ene. 2022 a las 13:02

1 respuesta 1

-1

Elimina el tabindex y, para que sea grande, agrégale un style="width:100%;" en el select (o en tu css si lo tienes personalizado). Con eso jala:

<div class="modal fade" id="dataPermisos" role="dialog" aria-labelledby="exampleModalLabel">

   ...

   <select name="id_producto" id="id_producto"class="form-control option_s3" style="width: 100%">

   ...

</div>
0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.