cambiar reference

9 views
Skip to first unread message

Yepelinux

unread,
Nov 4, 2011, 9:29:13 PM11/4/11
to chico-ui
Hola gente como andan???

Estoy usando chico-ui y quería saber como cambiarle la posición
relativa a la cual se muestra el mensajito de error de un input

Tengo un input y un link al lado, que cuando se valida, se tapa con el
cartelito de error


<input type="text" name="rubro" id="rubro" > <a id="viewAllAreas"
onClick="javascript:viewAllAreas()" href="javascript:return false" >
[Ver todos] </a>


mi watcher es

var rubroWatcher = $("#rubro").required();

probé crearlo asi y no anduvo
$("#CC_area2").required({reference:$("#viewAllAreas")});

tampoco haciendo
rubroWatcher.reference($("#viewAllAreas"))

que estoy haciendo mal?

Gracias! y saludos!!

Natalia Devalle

unread,
Nov 7, 2011, 8:18:28 AM11/7/11
to chic...@googlegroups.com
Hola Mariano,

Los helpers (los cartelitos de error), como cualquier elemento flotante, pueden ser reposicionados usando el componente Positioner.


En tu caso, la forma de posicionarlo DEBAJO del input es super simple:

var rubroWatcher = $("#rubro").required().helper.position({

        offset: "0 10",

        points: "lt lb"
});

O lo que es lo mismo:

rubroWatcher.helper.position({

        offset: "0 10",

        points: "lt lb"
}):

Cualquier cosa, no dudes en consultarnos!

Saludos,
Nati Devalle
Design, UX San Luis
MercadoPago.com | Chico-UI

Gtalk: ndevalle.mla | Interno: 1629



2011/11/4 Yepelinux <marian...@gmail.com>

Yepelinux

unread,
Nov 7, 2011, 2:50:51 PM11/7/11
to chico-ui
Genial, me funcionó la segunda.

Una duda más. Sólo se acomoda cuando hago scroll de la pagina. Por lo
que vi tiene que ver con el evento change del positioner.

http://chico-ui.com.ar/api/0.8.2/symbols/ch.Positioner.html#event:change

Cómo hago para que apenas se ve, ya esté donde tiene que estar?

Gracias!!!


On Nov 7, 10:18 am, Natalia Devalle <natalia.deva...@mercadolibre.com>
wrote:
> Hola Mariano,
>
> Los helpers (los cartelitos de error), como cualquier elemento flotante,
> pueden ser reposicionados usando el componente Positioner.
>
> http://chico-ui.com.ar/docs/demos/positionerhttp://chico-ui.com.ar/docs/how-to/position-something-on-screen
>
> En tu caso, la forma de posicionarlo DEBAJO del input es super simple:
>
> var rubroWatcher = $("#rubro").required().helper.position({
>
>         offset: "0 10",****
>         points: "lt lb"
>
> });
>
> O lo que es lo mismo:
>
> rubroWatcher.helper.position({
>
>         offset: "0 10",****
>         points: "lt lb"
>
> }):
>
> Cualquier cosa, no dudes en consultarnos!
>
> Saludos,
> *Nati Devalle*
> Design, UX San Luis
> MercadoPago.com <http://www.mercadopago.com/> | Chico-UI<http://chico-ui.com.ar>
>
> Gtalk: ndevalle.mla | Interno: 1629
>
> 2011/11/4 Yepelinux <marianoye...@gmail.com>

Leandro Linares

unread,
Nov 7, 2011, 3:20:22 PM11/7/11
to chic...@googlegroups.com
Estás usando la última versión de Chico?

En la 0.8.2 solucionamos ese issue https://github.com/mercadolibre/chico/issues/395

Slds,

Leandro Linares
UX Front End



2011/11/7 Yepelinux <marian...@gmail.com>

Yepelinux

unread,
Nov 8, 2011, 2:50:56 PM11/8/11
to chico-ui
Actualicé y me funcionó, pero tuve que tocar el chico.js
Antes:
// New offset (splitted) if (ch.utils.hasOwn(o, "offset"))
{ conf.position.offset = o.offset.split(" "); }Ahora:
// New offset (splitted) if (ch.utils.hasOwn(o, "offset"))
{ conf.position.offset = o.offset; }
Me tiraba que no tenía ese metodo offset y no funcionaba.Fijense,
puede ser un bug.
Gracias por todo!
On Nov 7, 5:20 pm, Leandro Linares <leandro.lina...@mercadolibre.com>
wrote:
> Estás usando la última versión de Chico?
>
> En la 0.8.2 solucionamos ese issuehttps://github.com/mercadolibre/chico/issues/395
>
> Slds,
> *
> *
> *Leandro Linares*
> **UX Front End
>
> 2011/11/7 Yepelinux <marianoye...@gmail.com>
>
>
>
>
>
>
>
> > Genial, me funcionó la segunda.
>
> > Una duda más. Sólo se acomoda cuando hago scroll de la pagina. Por lo
> > que vi tiene que ver con el evento change del positioner.
>
> >http://chico-ui.com.ar/api/0.8.2/symbols/ch.Positioner.html#event:change
>
> > Cómo hago para que apenas se ve, ya esté donde tiene que estar?
>
> > Gracias!!!
>
> > On Nov 7, 10:18 am, Natalia Devalle <natalia.deva...@mercadolibre.com>
> > wrote:
> > > Hola Mariano,
>
> > > Los helpers (los cartelitos de error), como cualquier elemento flotante,
> > > pueden ser reposicionados usando el componente Positioner.
>
> >http://chico-ui.com.ar/docs/demos/positionerhttp://chico-ui.com.ar/do...
Reply all
Reply to author
Forward
0 new messages