Salut, j'ai un problème dans l'affichage dans ma tableau aide moi slv et merci davence

Probleme dans parcourire [Résolu]

Réponse 1 / 3

jordane45 Messages postés 38358 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 décembre 2024 4 719
12 mars 2019 à 12:07

Bonjour,

Commence par nous poster ton code directement sur le forum au lieu d'en mettre des images dont on ne peut rien faire....

Pour savoir comment poster ton code.. merci de lire et d'appliquer ceci :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

jordane45 Messages postés 38358 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 décembre 2024 4 719
12 mars 2019 à 12:14

Au passage....
Le code de ton BUTTON ne semble pas complet... il n'y a pas le </button> ... ni le ">"' avant le texte
Pour rappel

<button > blabla </button>

Réponse 2 / 3

maherkefi Messages postés 21 Date d'inscription lundi 11 mars 2019 Statut Membre Dernière intervention 13 mars 2021
Modifié le 12 mars 2019 à 14:26

 
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
    <script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
    <div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
        <div class="panel panel-default">
            <div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
            <br><br><br>
            <div class="form-group">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Prenom</th>
                        <th>Durée</th>
                        <th>Date Debut</th>
                        <th>Date Fin</th>
                        <th>Type De Conge</th>
                        <th>Raison</th>
                        <th>Jour Congé</th>
                        <th>Jour Maladie</th>
                        <th>Statut</th>
                        <th>OK</th>

                    </tr>
                    </thead>
                    {{ form_start(form) }}
                    {% for i in conge  %}

                        <tbody>
                        <tr>
                            <td>{{ i.employer.nom }}</td>
                            <td>{{ i.employer.prenom }}</td>
                            <td>{{ i.nbjour }} jour(s)</td>
                            <td>{{ i.datedebut }}</td>
                            <td>{{ i.datefin }}</td>
                            <td>{{ i.type }}</td>
                            <td>{{ i.raison }}</td>
                            <td>{{ i.employer.jourconge }}</td>
                            <td>{{ i.employer.jourmaladie }}</td>
                            <td>
                                <select class="form-control" size="1"{{ form_widget(form.statut) }}
                                <option>En attente</option>
                                <option>Accepter</option>
                                <option>Refuse</option>
                                </select>
                                </td>
                            <td>
                                <button class="btn " role="button"{{ form_widget(form.Valider) }}
                            </td>
                        </tr>
                        </tbody>
                   
                    {% endfor %}
                    {{ form_end(form) }}
                </table>

            </div>
            <div>
            </div>
            <div>
                <a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>

            </div>

        </div>
    </div>
</center>
</body>
<style>
    body {
        width: 100%;
        height:110%;
        font-family: 'Open Sans', sans-serif;
        background: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
    }
    .jumbotron{
        margin:1px 1px 1px 1px;
        border-radius:10px;
        background:linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
    url("");
        background-repeat: no-repeat;
        background-attachment: fixed;
        color:white !important;
        height:150px;
    }
    h1 {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        font-weight: 400;
        color: #dbd7d6;
    }
    .btn{
        width:120px;
        height:40px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btn:hover
    {
        width:130px;
        height:42px;
        color : #4171a8;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
    }
    input[type=text], select {
        width:400px;
        height:40px;

    }
    .form-control{
        width: 130px;
    }
    .btp1{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp1:hover
    {
        width:90px;
        height:30px;
        color : #15a814;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
    }
    .btp2{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp2:hover
    {
        width:90px;
        height:30px;
        color : #a82017;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
    }

    .m{
        color : rgba(255, 72, 99, 0.44);
    }
    .c{
        color : rgba(16, 99, 231, 0.46);
    }

    .a{
        color : rgba(34, 172, 17, 0.5);
    }
    .r{
        color : rgba(231, 0, 3, 0.64);
    }





</style>
</html>

public function statutAction(Request $req)
{
    if (isset($_SESSION["Employer"])==1)
    {
        $em = $this->getDoctrine()->getManager();
        $d= $_SESSION["Employer"];
        $email =$d->getEmail();
        $conge=$em->getRepository('CredBundle:Conge')->findBy(array("Email" => $email));
        foreach ($conge as $x)
        {
        $form=$this->createForm(StatuType::class,$x);
        $form->handleRequest($req);
        if ($form->isValid())
        {
            $em->persist($x);
            $em->flush();
            return $this->redirectToRoute("accueil");
        }
             return $this->render('CredBundle:statut:statut.html.twig',array('form'=>$form->createView(),'conge' => $conge ));
        }

        }
    return $this->redirectToRoute("accueil");
        }

EDIT : Ajout des balises de code

jordane45 Messages postés 38358 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 décembre 2024 4 719
12 mars 2019 à 14:27

Visiblement tu as du mal à lire ce que je t'ai écrit...

J'ai édité ton message pour y mettre les balises de code .... la prochaine fois... merci de le faire toi même.

Ensuite je t'ai déjà donné la réponse à ton souci.... le code html de ton button n'est pas correcte...
Il faut le corriger.

maherkefi Messages postés 21 Date d'inscription lundi 11 mars 2019 Statut Membre Dernière intervention 13 mars 2021
12 mars 2019 à 14:38

merci pour vous
mais voici

quand je ferme la balise <button> il s'affiche dans la page

Réponse 3 / 3

maherkefi Messages postés 21 Date d'inscription lundi 11 mars 2019 Statut Membre Dernière intervention 13 mars 2021
12 mars 2019 à 14:44

<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
    <script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
    <div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
        <div class="panel panel-default">
            <div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
            <br><br><br>
            <div class="form-group">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Prenom</th>
                        <th>Durée</th>
                        <th>Date Debut</th>
                        <th>Date Fin</th>
                        <th>Type De Conge</th>
                        <th>Raison</th>
                        <th>Jour Congé</th>
                        <th>Jour Maladie</th>
                        <th>Statut</th>
                        <th>OK</th>

                    </tr>
                    </thead>
                    {{ form_start(form) }}
                    {% for i in conge  %}

                        <tbody>
                        <tr>
                            <td>{{ i.employer.nom }}</td>
                            <td>{{ i.employer.prenom }}</td>
                            <td>{{ i.nbjour }} jour(s)</td>
                            <td>{{ i.datedebut }}</td>
                            <td>{{ i.datefin }}</td>
                            <td>{{ i.type }}</td>
                            <td>{{ i.raison }}</td>
                            <td>{{ i.employer.jourconge }}</td>
                            <td>{{ i.employer.jourmaladie }}</td>
                            <td>
                                <select class="form-control" size="1"{{ form_widget(form.statut) }}
                                <option>En attente</option>
                                <option>Accepter</option>
                                <option>Refuse</option>
                                </select>
                                </td>
                            <td>
                                <button class="btn " role="button"{{ form_widget(form.Valider) }}>  </button>
                            </td>
                        </tr>
                        </tbody>

                    {% endfor %}
                    {{ form_end(form) }}
                </table>

            </div>
            <div>
            </div>
            <div>
                <a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>

            </div>

        </div>
    </div>
</center>
</body>
<style>
    body {
        width: 100%;
        height:110%;
        font-family: 'Open Sans', sans-serif;
        background: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
    }
    .jumbotron{
        margin:1px 1px 1px 1px;
        border-radius:10px;
        background:linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
    url("");
        background-repeat: no-repeat;
        background-attachment: fixed;
        color:white !important;
        height:150px;
    }
    h1 {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        font-weight: 400;
        color: #dbd7d6;
    }
    .btn{
        width:120px;
        height:40px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btn:hover
    {
        width:130px;
        height:42px;
        color : #4171a8;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
    }
    input[type=text], select {
        width:400px;
        height:40px;

    }
    .form-control{
        width: 130px;
    }
    .btp1{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp1:hover
    {
        width:90px;
        height:30px;
        color : #15a814;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
    }
    .btp2{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp2:hover
    {
        width:90px;
        height:30px;
        color : #a82017;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
    }

    .m{
        color : rgba(255, 72, 99, 0.44);
    }
    .c{
        color : rgba(16, 99, 231, 0.46);
    }

    .a{
        color : rgba(34, 172, 17, 0.5);
    }
    .r{
        color : rgba(231, 0, 3, 0.64);
    }





</style>
</html>