Probleme dans parcourire

Résolu

maherkefi -

Salut,

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

Afficher la suite

3 réponses

Réponse 1 / 3
jordane45 Modérateur
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
1
1. jordane45 Modérateur
  
  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>
  
  0

maherkefi Auteur

 
<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 Modérateur
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.
0
maherkefi Auteur
merci pour vous
mais voici
quand je ferme la balise <button> il s'affiche dans la page
0

maherkefi Auteur

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

EDIT : Ajout des balises de code

Newsletters