#1 Temas relacionados con App Builder » Quitar el Marco al pulsar un boton Link » 2017-11-10 10:00:18

jomego
Replies: 0

Otro BuilderConsejo:


Muchas veces necesitamos que nuestros botones o iconos sean diferentes a los que nos ofrece AppBuilder y decidimos introducir una imagen de fondo de Aplicación que nos de el diseño que necesitamos.

Para poder hacer que esas zonas que hemos dibujado como botones funciones podemos crear un Button con estilo Link... el problema viene cuando pasamos nuestra aplicación a Android o IOS y al pulsar sobre el nos aparece un molesto marco alrededor dando una sensación mala en nuestra APP.

La solución es sencilla con un poco de CSS

#Button1:focus{
	outline:0px;
}

Espero que os sea útil.

#2 Re: Temas relacionados con App Builder » Cambiar el color de los badges » 2017-11-09 18:26:16

Si queremos modificar también la posición del Bagde podemos usar un poco de CSS

#Button1 .badge
{
    position: absolute;
    left:0px;
    top:2px;
    background:transparent;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:red;           
    font-size:15px;
    opacity: 100
}

#3 Re: Temas relacionados con App Builder » Como puedo ejecutar un comando de AppBuilder en JS » 2017-11-08 19:00:45

Si eso lo probe... pero me fallaba.... hace ya mucho tiempo quizás en alguna actualización comenzó a funcionar.

#4 Temas relacionados con App Builder » Crear un slider de texto para poner publicidad » 2017-11-08 18:59:29

jomego
Replies: 0

Otro BuilderConsejo.

Muchas veces tenemos la necesidad de poner un pequeño slider de texto, que podemos alimentarlo desde un JSON o un fichero de TEXT que tengamos en nuestro servidor para poder cambiar el mensaje cuando queramos en nuestra aplicación... Con un poco de magia de CSS podemos hacerlo, el ejemplo es para poder manejar 3 lineas pero podemos quitar o poner según nuestra necesidad..

Colocar en la pagina de Estilos:

.item-1, 
.item-2, 
.item-3 {

        display: block;
       	position: absolute;
       	animation-duration: 20s;
        animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: -100%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: -100%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: -100%; opacity: 0; }
}

Después colocamos un objeto HTML en nuestra App y dentro del HTML le colocamos el siguiente codigo:

<p class="item-1">[LINEA1]</p>

<p class="item-2">[LINEA2]</p>

<p class="item-3">[LINEA3]</p>

Espero que os sea de utilidad este BuilderConsejo. ;-)

#5 Temas relacionados con App Builder » Como puedo ejecutar un comando de AppBuilder en JS » 2017-11-08 11:20:55

jomego
Replies: 3

Os traigo un BuilderConsejo que espero que os sea útil y que a mi me trajo de cabeza durante un tiempo.

Ej.
Si quieres dentro de un Javascript ejecutar un Hide a un objeto de appbuilder... como puede hacerse.

AppBuilder genera el código en momento de ejecución con lo cual tenemos que definir antes nuestra acción a realizar.

La forma más sencilla es crear un función dentro de AppBuilder que borre el objeto, y después desde nuestro JS llamar a esa función.

window.App.View1.Scope.nuestra_funcion_appbuilder();

#6 Temas relacionados con App Builder » Detectar click derecho del ratón » 2017-11-08 11:15:09

jomego
Replies: 0

Os dejo un BuilderConsejo:

Si os habéis fijado cuando entramos en el código de un Button o objeto de AppBuilder  tenemos la posibilidad de seleccionar click, dbclick... pero no tenemos la posibilidad de seleccionar el botón derecho para asignarle una opción para ello podemos utilizar  los eventos MouseUp y MouseDown.


If "[HtmlContent1.Event.which]" "==" "3"
  Alert "" "You click the right button!"
EndIf

Espero que os sea útil.

#7 Temas relacionados con App Builder » Como modificar nuestro User Agent para youtube/facebook. » 2017-11-08 10:59:32

jomego
Replies: 0

Aquí viene un Builder Consejo, que espero os sea de ayuda.

Haciendo una APP que contenía videos de Youtube con autoplay  tenia un problema, necesitaba que al pulsar sobre una imagen se me cargara un vídeo de forma automática que había introducido mediante un Iframe. El problema viene cuando Youtube detecta de que no es un ordenador de sobremesa y bloquea el Autoplay (esto es utilizable también para facebook).

Mediante la utilización de este plugin podemos hacer creer que estas accediendo desde un ordenador.

Plugin:

https://github.com/LouisT/cordova-useragent

código a colocar en AppBuilder

StartJS
   UserAgent.set('desktop');
EndJS


Espero que os sea útil.

#8 Temas relacionados con App Builder » Cargar un vídeo por Iframe sin problemas » 2017-11-08 10:39:21

jomego
Replies: 0

Otro BuilderConsejo.

Muchas veces necesitamos incluir nuestro vídeos (youtube,facebook...) en un iframe dentro de nuestra aplicación.
Por si sola la URL no es utilizable por problemas de seguridad pero la forma de solucionarlo es sencilla.

El truco reside aquí:

ng-src="[trustSrc($root.URL1)]"

Nuestro código quedaría así:

<div class="video-container">
     <iframe id="video"ng-src="[trustSrc($root.URL1)]" frameborder="0" allowfullscreen" frameborder="0"></iframe>
</div>

Si queremos que el vídeo llene el iframe utilizar:

width:100%

Espero que os sea útil.

#9 Temas relacionados con App Builder » Cambiar el color de los badges » 2017-11-08 10:32:33

jomego
Replies: 1

Otro BuilderConsejo:

Muchas veces necesitamos cambiar las caracteristicas de nuestra App para que se asemeje a las necesidades visuales que necesitamos...

Si queremos que nuestros BADGES cambien su color lo podemos hacer mediante un poco de CSS que debemos incluir en nuestra hoja de estilo.

#Button1 .badge
{
  background-color: red;
}

Espero que os sea útil.

#10 Temas relacionados con App Builder » Que hacer cuando las IMG no se cargan pq están en CACHE » 2017-11-08 10:24:35

jomego
Replies: 0

A veces sucede que tenemos un problema a la hora de recargar una imagen que nos viene dada vía http en nuestra App.

Son imágenes que siempre tienen el mismo nombre, pero que son modificadas en su contenido.. pueden ser banners de publicidad,etc... que nuestro cliente puede modificar... entonces como podemos hacer para que se recarguen cada vez que ejecutamos nuestra app.

Tenemos dos soluciones:

Solución 1:  (Utilizar el siguiente plugin)

 https://github.com/anrip/cordova-plugin-cache-clear 

Solución 2: (Mediante código, codigo de David)

http://url-imagen.com?t=[App.Timestamp]

Espero que os sea útil este AppBuilder Consejo.

#11 Temas relacionados con App Builder » Como salir de nuestra app pulsando un botón o mediante función » 2017-11-08 10:18:05

jomego
Replies: 0

A veces sucede que deseamos poder salir de nuestra aplicación pulsando un botón... la solución es muy sencilla incluyendo este código.


StartJS
  navigator.app.exitApp();
EndJS
ApplyModel

Espero que os sea útil.

#12 Temas relacionados con App Builder » Como dar al botón de atrás de Android más de una función. » 2017-11-08 10:15:23

jomego
Replies: 0

Muchas veces nos hace falta que un botón físico de Android pueda realizar más de una función.
Dentro de AppBuilder tenemos la posibilidad de controlar el botón de Atrás con la opción BackButton dentro de código indicamos lo que queremos realizar.

Ej.

If "[es_menu]" "==" "0"
ShowView "menu"
ApplyModel
Endif

If "[es_menu]" "==" "1"
//Hago otra cosa
Endif

Análisis del código:

Estamos creando un IF con una condición en una variable, esta variable la ponemos en cada una de las vistas que deseamos controlar.

Ej.

SetVar "[es_menu]" "0" "String"

Esto lo que quiere hacer es que si estamos en la vista que tiene la variable [es_menu]==0 haga algo y si tiene la variables [es_menu]==1 haga otras cosa...


Este es un pequeño consejo que os puede ayudar en alguno de vuestros proyectos.

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.