Tengo que mover la barra lateral para que se vea el botón:
Este es el código:
Código:
<ion-list>
<ion-list-header>Habrá niños extra?:</ion-list-header>
<ion-item>
<ion-label>Cantidad:</ion-label>
<ion-select [(ngModel)]="formProduct.boyXtra" name="boyXtra" [compareWith]="compareWith" value="0" placeholder="Seleccionar #Niños extras" okText="Ok" cancelText="Cancelar">
<ion-select-option value="0">No</ion-select-option>
<ion-select-option value="1">1 niño</ion-select-option>
<ion-select-option value="2">2 niños</ion-select-option>
<ion-select-option value="3">3 niños</ion-select-option>
<ion-select-option value="4">4 niños</ion-select-option>
<ion-select-option value="5">5 niños</ion-select-option>
<ion-select-option value="6">más de 5 niños</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<br>
<ion-list *ngIf="formProduct.boyXtra > 0">
<ion-list-header>Cuantas Horas estarán:</ion-list-header>
<ion-item>
<ion-input [(ngModel)]="formProduct.boyXtraHour" name="boyXtraHour" autocomplete="off" inputmode="numeric" type="number" maxlength="2" minlength="1"></ion-input>
</ion-item>
</ion-list>
<br>
<ion-list>
<ion-list-header>Información Extra:</ion-list-header>
<ion-item>
<ion-textarea [(ngModel)]="formProduct.informationXtra" name="informationXtra" placeholder="información extra: (Actividades, Alergias, Medicamentos, todo lo que pueda servir de ayuda"></ion-textarea>
</ion-item>
</ion-list>
<br>
<ion-list>
<ion-list-header>Cuenta con algún transtorno o alguna enfermedad?</ion-list-header>
<ion-item>
<ion-select [(ngModel)]="formProduct.disease" name="disease" class="myCustomSelect" placeholder="Seleccionar" okText="Ok" cancelText="Cancelar">
<ion-select-option value="1">No</ion-select-option>
<ion-select-option value="2">TDA</ion-select-option>
<ion-select-option value="3">SD</ion-select-option>
<ion-select-option value="4">AUTISMO</ion-select-option>
<ion-select-option value="5">OTRO</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<br>
<ion-list>
<ion-list-header>Mascotas:</ion-list-header>
<ion-item>
<ion-select [(ngModel)]="formProduct.pets" name="pets" class="myCustomSelect" placeholder="Seleccionar" okText="Ok" cancelText="Cancelar">
<ion-select-option value="1">No hay mascotas</ion-select-option>
<ion-select-option value="2">Perro Pequeño</ion-select-option>
<ion-select-option value="3">Perro Mediano</ion-select-option>
<ion-select-option value="4">Perro Grande</ion-select-option>
<ion-select-option value="5">Gato</ion-select-option>
<ion-select-option value="5">Otro</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<br>
<button onload="document.getElementByClassName('button-native')[0].style.marginBottom = '20px'; "></button>
<ion-button type="submit" expand="full" color="success">SOLICITAR NIÑERA</ion-button>
</form>
</ion-content>
<ion-content *ngIf="step == 'step3'">
Paso 3
</ion-content>
</ion-content>
Intenté arreglarlo con esto:
Código:
<button onload="document.getElementByClassName('button-native')[0].style.marginBottom = '20px'; ">
Pero no funcionó, igual tengo que estar moviendo la barra lateral, me refiero a que cuando entro el botón no se ve hasta que muevo la barra lateral, el scroll hacia abajo no se mira al principio.
Saludos.