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

husaindevelop
Android>Questions

Clipboard readtext not working in android webview
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
#android#clipboard
1 5651 0
New
ciger
Android>Questions

Block access to a page in the Instagram clone
I want to get a clone of Instagram APK But with a difference I want to define in this clone that, for example, it is not possible to acc...
#android/python
0 889 1
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
mfaamir
Android>Questions

Mysql connect with Android Java?
Dear Sir, I am a beginner in Android App development and I am currently trying to establish a connection between my Android Studio Java ...
#android-development#jdbc-connector
2 923 1
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
AnfaengerAlex
Android>Questions

Unresolved Reference to android in build.gradle.kts – Beginner Issue
Hello, I’m a beginner in Android development and I’m facing an issue with my project setup. In my build.gradle.kts file, I have the foll...
#binding
0 7460 2
New
Garrett
Android>Questions

Room 3D model in Android Studio
This is a question about Android Studio. Where is the Android Studio emulator’s camera default apartment 3D model stored in Android Stud...
#android-studio
1 513 0
New
Alan
Android>Questions

How can I create my soft Pos with android studio?
I need to create an android app to receive contactless payment from my clients. how can I start that? My clients will be phisicaly in the...
#android-java
1 639 0
New
BobW
Android>Questions

How to change app text color or background color in Android Studio Panda 3?
I have installed Android Studio Panda 3 and have created a default ‘Empty Activity’ project. When I connect a physical tablet, I can see...
#android-studio#color#panda-3
0 0 0
New
bobj
Android>Questions

How to get out of Android 10 Developer Mode?
The front screen cracked on my BLU J5L (FCC ID: YHLBLU5L20) months ago. The BLU company won’t won’t sell parts for it, or say which Chin...
#help-needed
0 0 0
New

Other popular topics Top

PragmaticBookshelf
General Dev>Learning Resources

Seven More Languages in Seven Weeks
Learn from the award-winning programming series that inspired the Elixir language, and go on a step-by-step journey through the most impo...
pragprog.com
#pragprog/elixir/julia/lua#published-book#factor/elm#minikanren/idris/book-seven-more-languages-in-seven-weeks
4 5862 0
New
DevotionGeo
Backend>Chat

What is the reason behind Rust’s web framework, Rocket, not performing as well as expected in the Techempower benchmarks?
I know that these benchmarks might not be the exact picture of real-world scenario, but still I expect a Rust web framework performing a ...
#web-frameworks/rust
36 7463 11
New
AstonJ
General Dev>Hardware

Planck vs Preonic vs Subatomic (Keyboards)
I ended up cancelling my Moonlander order as I think it’s just going to be a bit too bulky for me. I think the Planck and the Preonic (o...
/keyboards#mechanical-keyboards#ortholinear#planck#preonic
105 17596 47
New
AstonJ
General Dev>Dev Chat

How fast do you type? Check your WPM here!
Do the test and post your score :nerd_face: :keyboard: If possible, please add info such as the keyboard you’re using, the layout (Qw...
typing-speed-test.aoeu.eu
/keyboards
82 7682 31
New
PragmaticBookshelf
Backend>Learning Resources

Programming Phoenix LiveView
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-programming-phoenix-liveview
84 14528 26
New
AstonJ
General Dev>Code Editors

Doom-Emacs: Can't find emacs in your PATH
If you get Can't find emacs in your PATH when trying to install Doom Emacs on your Mac you… just… need to install Emacs first! :lol: bre...
#macos/emacs#doom-emacs
4 5837 0
New
husaindevelop
Android>Questions

Clipboard readtext not working in android webview
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
#android#clipboard
1 5651 0
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
NewsBot
Backend>Official News

Node.js v22.14.0 released!
Node.js v22.14.0 has been released. Link: Release 2025-02-11, Version 22.14.0 'Jod' (LTS), @aduh95 · nodejs/node · GitHub
github.com
/nodejs#official-news
0 4251 0
New
xiji2646-netizen
AI>Chat

Claude Code's entire source just leaked (512K lines) - anyone else digging through it?
Woke up to this today: Claude Code’s complete source code exposed via npm source map. Not a snippet. All 512,000 lines. 1,900 TypeScript ...
#claude
6 8359 5
New
Back to top

Sponsor Spotlight

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

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!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

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!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap