Discussion :

[Thewil]

Bonjour à tous,

J'utilise ce plugin pour mettre en forme ma page http://layout.jquery-dev.net/.
Pour la panneau sud le plugin me génére qqchose de ce style :

Code :

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

<span title="Ouvre ce panneau" style="cursor: pointer; position: absolute; font-size: 1px; width: 1418px; height: 8px; left: 0px;" id="LID-resizer" resizer="south" class="ui-layout-resizer ui-layout-resizer-south ui-draggable ui-layout-resizer-closed ui-layout-resizer-south-closed ui-draggable-disabled ui-state-disabled" aria-disabled="true"></span>

Le problème est que je voudrais changer la valeur height mais j'ai l'impression que le plugin écrase la mienne (mise en dur dans la déclaration de la div) et je ne vois nulle part ou je pourrais modifier ce paramètre donc si qqun avait une petite idée j'avoue que cela m'aiderai beaucoup.

Merci

[danielhagnoul]

Bonsoir.

Je ne connais pas ce plugin mais une courte recherche m'a emmené ici : http://layout.jquery-dev.net/documen...ml#Option_size

size = "auto" (N/S) "200" (E/W) ("auto" or integer - pixels)

Specifies the initial size of the panes - 'height' for north & south panes - 'width' for east and west. If "auto", then pane will size to fit its content - most useful for north/south panes (to auto-fit your banner or toolbar), but also works for east/west panes.

You normally will want different sizes for the panes, but a 'default size' can be set

minSize = 50 (integer - pixels)

Minimum-size limit when resizing a pane (0 = as small as pane can go)

maxSize = 0

Maximum-size limit when resizing a pane (0 = as large as pane can go)

En utilisant la demo simple.html sous Firefox et avec Firebug, on voit :

Code :

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

1
2
 
<div class="ui-layout-south ui-layout-pane ui-layout-pane-south open" pane="south" style="margin: 0pt; visibility: visible; display: block; position: absolute; z-index: 2; top: auto; bottom: 0pt; left: 0pt; right: 0pt; width: auto; height: 24px;">

J'ai pu modifié le height avec Firebug.

[Thewil]

C'est bien ce que je pensais je me suis mal exprimé
Ce n'est pas cette taille la en fait que je cherche à changer. Une image sera bien plus parlante je pense.
http://www.monsterup.com/image.php?u...9975438917.png

Donc en fait ça c'est la barre qui permet d'ouvrir le panel. Donc la taille que tu m'indiques daniel c'est la taille du panel qui s'ouvrira et pas celle de ce petit bout de truc
Et c'est malheureusement cette taille que je voudrais changer

[danielhagnoul]

Bonjour, problème :

Page Web inaccessible

La page Web à l'adresse http://www.monsterup.com/image.php?u...9975438917.png est peut-être temporairement inaccessible ou a peut-être été redirigée de façon permanente vers une nouvelle adresse Web.

Plus d'informations sur cette erreur
Message d'erreur original ci-dessous

Erreur 101 (net::ERR_CONNECTION_RESET) : Erreur inconnue

Je pense avoir compris qu'il s'agit de la petite zone cliquable pour modifier la taille, c'est cela ? De toute façon, je m'en retourne voir la démo et la doc.

[danielhagnoul]

Bonjour, si j'ai bien compris voilà la solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$(document).ready(function () {
    $('body').layout(
        {
            applyDefaultStyles: true,
            spacing_open: 12,
            spacing_close: 12
        }
    );
});

[Thewil]

Bizarre chez moi le lien marche.


Mais je teste la méthode car oui je cherche à redimensionner la petite barre qui permet d'ouvrir le panel

[danielhagnoul]

Autres options :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$(document).ready(function () {
    $('body').layout(
        {
            applyDefaultStyles: true,
            spacing_open: 12,
            spacing_close: 12,
            togglerLength_open: 200,
            togglerLength_closed: 300,
            togglerAlign_open: "center",
            togglerAlign_closed: "right"
        }
    );
});

[Thewil]

Oui j'ai réussi à m'en sortir en trifouillant un peu tout ces paramètres la mais j'avoue qu'il y a quelques comportements que je ne comprend pas. Je met

Code :

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

spacing_open:4, 	spacing_closed:4

La hauteur de ma barre est de 2px comme je le voulais mais j'avoue ne pas trop comprendre comment j'arrive au résultat lol

Mais encore merci une fois Daniel