Plugin Jquery Layout - Modifier la taille des span resizer

Version imprimable

10/08/2009, 15h39
Thewil

Plugin Jquery Layout - Modifier la taille des span resizer

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:

<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

Bonsoir.

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

Citation:

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:

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.

11/08/2009, 09h25
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 :calim2:
11/08/2009, 11h00
danielhagnoul

Bonjour, problème :

Citation:

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.

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

Code:

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

11/08/2009, 11h43
Thewil

Bizarre chez moi le lien marche.
http://uploads.imagup.com/10/1250015206_barreLayout.png

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

Autres options :

Code:

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"
        }
    );
});

11/08/2009, 12h01
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:

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