#1 2016-02-16 06:09:19

taringaso
Member
Registered: 2016-02-13
Posts: 8

Dropdown y otras opciones

Hola David
En el ejemplo del Dropdown que viene con AB, sólo sale
la acción de cómo agregar nuevos items al inicio y al final
del Dropdown.

Me gustaría saber si a un Dropdown le puedo agregar lo siguiente.
- Separadores
- Deshabilitar items del Dropdown
- Dropdown Header

Estas opciones las he visto aquí, te comparto el link
para ver si puedo hacer esto con AB.

http://www.w3schools.com/bootstrap/boot … pdowns.asp

Muchas gracias por tu ayuda

Offline

#2 2016-02-16 23:23:07

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,657
Website

Re: Dropdown y otras opciones

Hola taringaso,

Sí; ciertamente, podrías usar el siguiente "item" para mostrar un separador:

<li class="divider"></li>

Como no es posible añadir items iguales (duplicados) siempre es posible variar un poco el código anterior para que no haya problema con eso:

One item
<li class="divider" id="dividerOne"></li>
Other item
<li class="divider" id="dividerTwo"></li>
Another item

También puedes usar el resto de clases que ofrece Bootstrap CSS, de hecho, como ya sabes, App Builder se basa en Bootstrap CSS, lo que nos permite cierto juego, por ejemplo, usando un control como el "HTML", puesto que ahí podemos añadir prácticamente cualquier cosa.

Ojalá esta respuesta te sirva de algo.

Offline

#3 2016-02-17 00:20:35

taringaso
Member
Registered: 2016-02-13
Posts: 8

Re: Dropdown y otras opciones

Gracias David,
Última duda... aún no lo he probado, pero

Los separadores, headers se agregan por codigo
o desde el panel de opciones del objeto?

Para deshabilitar un elemento, cómo lo hago?

Offline

#4 2016-02-17 00:33:38

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,657
Website

Re: Dropdown y otras opciones

Hola,

En principio iba a decirle que podríamos intentar deshabilitar un elemento usando su ID, esto es, por ejemplo, si tenemos este elemento:

<li id="ElementoUno">Elemento uno</li>

La idea sería usar la acción "AddClass" de este modo:

AddClass "ElementoUno" "disabled"

Sin embargo, esta misma idea no funciona. Por alguna razón que no acabo de comprender (no estoy en mi ordenador "de desarrollo") App Builder está ignorando las clases de los elementos.

Así pues la única respuesta que puedo darle ahora mismo es que tengo que revisar este asunto en cuanto pueda. Como una alternativa podría, simplemente, no tener en cuenta los "click" en los elementos que considere deshabilitados.

No obstante, como digo, quisiera echar un vistazo a este asunto en cuanto me sea posible, de modo que le mantendré informado en este mismo hilo sobre cualquier posible progreso.

Offline

#5 2016-02-17 00:39:23

taringaso
Member
Registered: 2016-02-13
Posts: 8

Re: Dropdown y otras opciones

Al llegar a casa lo probaré y te aviso que tal anda

Ok, y con esta pregunta...

Los separadores, headers se agregan por codigo
o desde el panel de opciones del objeto?

Muchas gracias

Offline

#6 2016-02-17 00:46:19

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,657
Website

Re: Dropdown y otras opciones

Hola,

Lo de arriba ya lo probé yo y como digo no funciona como se espera. Entiendo que se realiza cierta limpieza del código HTML que queremos incluir como elementos del menú, pero, tengo que estudiar porqué motivo y cómo podría evitarse.

Respecto de los separadores (estos sí funcionan como se espera) puede añadirlos en tiempo de diseño o en tiempo de ejecución: como cualquier otro elemento del Array que compone los elementos del menú.

Por ejemplo, si arrastra un "DropDown" al diseñador, hace doble clic en él y simplemente pega el siguiente código:

One item
<li class="divider" id="dividerOne"></li>
Other item
<li class="divider" id="dividerTwo"></li>
Another item

Podrá ver que los separadores aparecen tal como se espera.

Offline

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.