Discussion :

[waritigui]

bonjour je revient une fois de plus vers vous pour sollicité votre aide j'aprecie vraiment les possibilité que donne l'outil Guirido mais dans votre tuto vous ne parlé pas de cela encore plus j'ai essaie de voir dans la dernière version si je pouvais récrée le module et l'importé mais des que je choisis application avec bootstrap le tableau guirido ne s'affiche plus merci!

[waritigui]

j'ai parcouru le FAQ du framework merci pour tous ce que vous faite pour nous car c'est très bien

[imikado]

OUi Guriddo est utilisable avec bootstrap, je ne l'ai pas encore implémenté avec le builder, car il y a une subtilité afin d'éviter la collision entre l'inclusion de la librairie jQuery de bootstrap et celle de Guriddo

[waritigui]

MERCI pour votre réponse j'ai essaie de créer un tableau GUIRIDO dans une nouvelle application afin de l'importé et de l'adapter. A la suite de toutes les 4 étapes losrqué le lien apparait pour visualisé le fichier index rien ne s'affiche

[imikado]

Il doit y avoir un soucis en javascript
Si vous etes sous chrome, l'appui sur F12 permet d'afficher la barre de debug , ensuite dans l'onglet "console" il faut verifier si il n'y a pas d'erreur

[waritigui]

merci beaucoup ça marche maintenant je vais essaie de l'intégrer dans mon application avec bootstrap je vous tiens informé

[imikado]

Lors de l'installation de Guriddo, il y a une partie public à copier dans le repertoire public de votre site, cela ne semble pas etre le cas

[waritigui]

j'ai regardé les ligne il me semble que l'erreur se situe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script src="guriddo/js/jquery.min.js" type="text/javascript"></script>
<script src="guriddo/js/trirand/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="guriddo/js/trirand/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="guriddo/js/jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
$.jgrid.defaults.width = "600";
</script>

et cette ligne également

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div>
          <table id='idanimateur'></table>
		  <div id='pageridanimateur'></div>
		  <script type='text/javascript'>
			  jQuery(document).ready(function($) {jQuery('#idanimateur').jqGrid(
			{
								"editurl": 'index.php?:nav=evafamille::postJson',
                "mtype": "POST",
                				
				"hoverrows":false,

les partie en gras sont les lignes qui présente des erreurs j'ai pas d'idée sur comment gérer cela!

[imikado]

Attendez, le répertoire public de votre application, contient-il bien le répertoire guriddo présent dans le sous répertoire public de l'archive Guriddo disponible sur le site ?

[waritigui]

merci vraiment pour votre rapidité c'est bon je vais essaie de l'intégrer dans l'application bootstrap je vous tiens informé!

[imikado]

Pas de soucis, c'est toujours un plaisir d'aider les utilisateurs du framework

N'hesitez pas à en faire la promotion autour de vous: plus il y a d'utilisateurs, plus il y a des feedbacks qui permettant d'améliorer la doc, corriger les bugs, et ajouter des fonctionnalités
Un gros chantier est également en cous qui facilera l'extensibilité du builder, prévu pour les prochains mois

Bref, il continue d'évoluer avec/grâce à sa communauté, dont vous faites partie

[waritigui]

bonjour je reviens vers pour vous signaler que avec bootstrap le le tableau ne s'affiche pas! mais avec le 'template1' il s'affiche correctement merci de m'aider a voir plus claire!

[imikado]

Oui c'est normal, c'est pour cela que je n'ai pas encore fait l'ajout dans le builder:

Bootstrap et Guriddo utilisent Jquery, mais pas la meme version, si vous souhaitez que cela fonctionne avec le template bootstrap, modifiez le ainsi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>examplesite</title>
 
	<script src="js/main.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <script src="js/main.js" type="text/javascript"></script>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
 
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
 
	<?php echo $this->load('menu') ?>
 
	<div class="container theme-showcase" role="main">
 
		<div class="page-header">
		</div>
 
		<?php echo $this->load('main') ?>
	</div>
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="guriddo/js/jquery.min.js" type="text/javascript"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  </body>
</html>

où on remplace l'appel jQuery de base par celui de la librairie Guriddo

[imikado]

Si mon dernier post a corrigé le soucis, on peut passer ce topic en résolu