The problem is easy, I hope the solution is easy too.
I have an <ion-searchbar>
that fill an <ion-list>
, like autocomplete feature.
Searchbar and list are placed in <ion-header>
.
<ion-toolbar>
<ion-searchbar
[(ngModel)]="queryText"
(ionInput)="updateSearch()">
</ion-searchbar>
</ion-toolbar>
<ion-list>
<ion-item *ngFor="let group of groups">
{{group.text}}
</ion-item>
</ion-list>
Clicking on an item, it will be inserted in another list, in <ion-content>
this time.
-> I would like the first list occupies only part of the screen, while the remaining one will be transparent.
Can someone help me?
Thx.
edit: I tried to surround the list with an <ion-grid>
, and antually is resized, but i can’t achieve the transparency and see the <ion-content>
list. Using opacity
make list blank/white, but not transparent.
edit2: obviously, removing from page instead of make transparent, would be even better