Android>Questions

NativeScript Vue click icon and open box

big_f

big_f

NativeScript Vue click icon and open box

I am making an app with Nativescript-vue and I would like to have an event where I click on an icon and then a new box appears. For the icons I used the cheatsheet from fontawesome. On the screenshot the dark blue is supposed to be the background of my app and the light blue is my navigation bar. Now when I click on “edit” icon I want the white box to appear from the buttom sliding in. Also I want to edit the box but that would happen afterwards.

For the button I use <Span class="fas" text.decode="&#xf044;" />

I hope you can help me out :slight_smile:

Kind regards

preview edit
preview edit384×680 2.32 KB
View thread on forum
#android#vue-js#mobile-development/vuejs#nativescript
2 1345 0

Where Next?

View thread on forum
vuejs
android
vue-js
mobile-development
nativescript
Home Android>Questions
#android#vue-js#mobile-development/vuejs#nativescript
2 1345 0
Last post

Popular Android topics Top

CristianM92
Android>Questions

"Export" button to export the entered decimal degrees coordinates and the DMS coordinates to a CSV file
Hi, I’m working on an app who make the conversion between decimal degrees and degrees minutes seconds. I have to make an “Export” button ...
#android#csv-file
1 1173 0
New
Apoorv
Android>Questions

Logo of my android Browser not coming in Pixel phone
I have made my version of browser on android platform.I have used chromium as base. I have build it successfully &amp; but the logo or i...
#browser#android-development
4 980 2
New
cajasigwe
Android>Questions

Andriod Desktop Phones purchased for Health Facilities not compactible with DHIS2 Capture
Hi, Please I need help to get DHIS2 Capture working in Android Tablet Phone desk ( KT5-3C) Android Version: 10. Build: KT5-3C_LTE05M0_K...
#android
2 868 0
New
Shadow
Android>Questions

How to bypass NFC tag reading using ADB?
Good afternoon. Brief story: My institution has several nfc tags in building which have to be scanned with specific app built and used in...
1 814 0
New
sonit
Android>Questions

Display is not working properly in landscape mode when projection given by pixel 7 version 13 in case of video play by youtube app.
Display is not working properly in landscape mode when projection given by pixel 7 version 13 in case of video play by youtube app after ...
1 558 0
New
JesperBlom
Android>Questions

App not verified by google after moving Android Studio to new PC
Hi Hope it is a simple question :slight_smile: I am planning to use a new PC for making my enterprise app. Everything works perfect, b...
#android#google
1 539 0
New
sabibo
Android>Questions

gradle cannot download from a machine using IPv6
We recently switched some machines to a network that uses ipV6. Those machines are now unable to package our Unreal game for Android, du...
#android#gradle#ipv6
1 591 0
New
Creator
Android>Questions

By debbuging after @RequiresBluetoothLocationPermission annotation program will exit function startScan in BluetoothLeScanner object
Could you please help me to find the problem why startScan function is not executed. By debugging after @RequiresBluetoothLocationPermiss...
#android#android-development#android-studio#java-android
2 520 1
New
Ujjwala
Android>Questions

I'm not getting permission to access full storage, although I added all permission requirements in manifest file. I'm using android 14 version(API 34)
I’m developing an Android application in which I need to add functionality to automatically read a CSV file from a file manager, parse it...
#error
1 638 1
New
Garrett
Android>Questions

Help, how to update arraylist in jetpack compose
I’m stuck trying to understand how to get a variable initialised, and later updated, in kotlin to update in Jetpack Compose and cause a c...
#jetpack-compose
1 425 0
New

Other popular topics Top

PragmaticBookshelf
Game Dev>Learning Resources

The Ray Tracer Challenge
Brace yourself for a fun challenge: build a photorealistic 3D renderer from scratch! In just a couple of weeks, build a ray tracer that r...
pragprog.com
#pragprog#published-book/book-the-ray-tracer-challenge#algorithms
3 6115 0
New
PragmaticBookshelf
General Dev>Learning Resources

Forge Your Future with Open Source
Free and open source software is the default choice for the technologies that run our world, and it’s built and maintained by people like...
pragprog.com
#pragprog#published-book/book-forge-your-future-with-open-source
3 5654 0
New
PragmaticBookshelf
Backend>Learning Resources

Testing Elixir
Write Elixir tests that you can be proud of. Dive into Elixir’s test philosophy and gain mastery over the terminology and concepts that u...
pragprog.com
#pragprog/elixir#published-book/book-testing-elixir
33 5004 8
New
DevotionGeo
Backend>Questions

Can someone explain the -t option/flag in docker run command?
I know that -t flag is used along with -i flag for getting an interactive shell. But I cannot digest what the man page for docker run com...
#docker
7 10261 2
New
AstonJ
Backend>Questions

Erlang's not installing on macOS Big Sur "You are natively building Erlang/OTP for a later version of MacOSX than current version"
Just done a fresh install of macOS Big Sur and on installing Erlang I am getting: asdf install erlang 23.1.2 Configure failed. checking ...
#macos/erlang#big-sur#asdf
10 6212 8
New
DevotionGeo
General Dev>Dev Chat

The V Programming Language
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
#programminguages/v
21 13874 7
New
foxtrottwist
General Dev>Dev Chat

Warp—The blazingly fast, Rust-based terminal
A few weeks ago I started using Warp a terminal written in rust. Though in it’s current state of development there are a few caveats (tab...
/rust#terminal
52 6785 22
New
First poster: CommunityNews
AI>In The News

How to fix the eyes in AI-generated images
aidemos.info
0 4508 0
New
PragmaticBookshelf
Backend>Learning Resources

Engineering Elixir Applications
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
pragprog.com
#pragprog/elixir#published-book/book-engineering-elixir-applications
40 7136 21
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
New
Back to top

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

Latest in Vue.js

Vue.js Portal ❯

Android>Questions

Android Questions ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap