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
Aathithyan
Android>Questions

I don't know how to implement outgoing call feature in android studio using Kotlin
I need to know how to implement outgoing call in my custom application instead of using default phone call app i need my own app call.
#outgoing-call
3 2031 4
New
mpdizcashtag
Android>Questions

System img cannot moumt or flash
Hi, this is my parrition informarion. A week ago I erased ‘system’ and now my hotpepper puya tablet bootloops. I have a gsi im trying to...
#system-flash
1 687 0
New
cve60069
Android>Questions

My first app requires a timer and a dynamic text box - Where to start
Hello I am starting the tearning curve to writing an app for my galaxy phone. Me and my friens play a lot of “Texas Hold-Em” and, for t...
#errata
1 637 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
codergrid
Android>Questions

Frequency of Android Studio Updates
I’m new to Android Studio, and curious about how long you’ve been using your Android Studio IDE. I read on Wikipedia that this year, Andr...
#android-studio
2 673 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
paulo500
Android>Questions

Anyone know how to get into the password locked developer option of an Android projector with a Google-licensed Android system loaded?
Can anyone help? I have an android projector with Google-licensed Android system loaded. It has the developer options passworded and th...
#help-needed
0 46 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

Devtalk
General Dev>Dev Chat

HELLO WORLD (Introductions thread!)
Hello Devtalk World! Please let us know a little about who you are and where you’re from :nerd_face:
#community
484 8259 119
New
PragmaticBookshelf
Data Science

Genetic Algorithms in Elixir
From finance to artificial intelligence, genetic algorithms are a powerful tool with a wide array of applications. But you don't need an ...
#pragprog#ai/elixir#published-book/book-genetic-algorithms-in-elixir
25 5243 6
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
PragmaticBookshelf
Frontend>Learning Resources

Modern CSS with Tailwind
Tailwind CSS is an exciting new CSS framework that allows you to design your site by composing simple utility classes to create complex e...
pragprog.com
#pragprog/tailwind#published-book/book-modern-css-with-tailwind
12 5813 4
New
PragmaticBookshelf
General Dev>Learning Resources

A Common-Sense Guide to Data Structures and Algorithms in Python, Volume 1
Big O Notation can make your code faster by orders of magnitude. Get the hands-on info you need to master data structures and algorithms ...
pragprog.com
#pragprog/python#published-book/book-a-common-sense-guide-to-data-structures-and-algorithms-in-python-volume-1
24 5988 11
New
PragmaticBookshelf
Backend>Learning Resources

C Brain Teasers
25 puzzles that will make you a better C programmer by challenging your knowledge of the language, and explaining the technical details o...
pragprog.com
#pragprog#published-book/c/book-c-brain-teasers
4 3873 2
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

Server-Driven Web Apps with htmx
Build modern server-driven web applications using htmx. Whatever programming language you use, you’ll write less (and cleaner) code. ...
pragprog.com
#pragprog#web-development#published-book/book-server-driven-web-apps-with-htmx
6 5257 3
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
xiji2646-netizen
AI>Chat

Has anyone tried the Karpathy CLAUDE.md rules? (97.8k stars)
There’s a GitHub repo at forrestchang/andrej-karpathy-skills that’s sitting at 97.8k stars. It’s a single CLAUDE.md file with four behavi...
#claude
0 37 1
New
Back to top

Sponsor Spotlight

AppSignal

Catch errors, track performance, monitor hosts and more.

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