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 1227 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 1227 0
Last post

Popular Android topics Top

Exadra37
Android>Questions

Do you know of any open source or closed source mobile apps implementing certificate pinning?
I am in the process of research for my next technical blog about bypassing certificate pinning with Frida, thus I need to find some open ...
#android#android-security#android-development
5 1572 2
New
Prosper226
Android>Questions

How to make multi ussd in android
Hi guys, I’m trying to do multi ussd with java on android, I can’t do it. I looked at the documentation of telephonyManager on android, ...
#developer-experience#android/java#ussd
4 1601 1
New
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 1010 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 4678 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 773 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 683 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.
#android#outgoing-call
3 1754 4
New
tunelabguy
Android>Questions

Beta testing without giving away licenses
I have an expensive app ($160) in the Play Store that I would like to update. I would like to do a beta test of the update with potentia...
#testing#play-store#storekit
1 499 1
New
hasan10242048
Android>Questions

Android App CPU Runtime and Battery Consumption
There is an Android app. I just want to create two GRAPHS with CPU Runtime and Battery Consumption. It is as simple as this. I tried w...
#android#cpu
1 248 0
New
skysnap
Android>Questions

Is there a doubleviewpager for android X?
Helo, I’m using doubleviewpager in my project: Is there something similar that works with android x?
#viewpager
3 348 2
New

Other popular topics Top

Devtalk
General Dev>Dev Chat

What dev-related stuff have you been up to?
Reading something? Working on something? Planning something? Changing jobs even!? If you’re up for sharing, please let us know what you’...
#community
1042 20430 390
New
AstonJ
General Dev>Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#sticky#mechanical-keyboards
144 8820 50
New
AstonJ
General Dev>Dev Chat

Best chairs for developers?
What chair do you have while working… and why? Is there a ‘best’ type of chair or working position for developers?
#workspace#opinions
74 5181 41
New
wolf4earth
Science/Tech>Health & Diet

How do you keep fit and healthy?
@AstonJ prompted me to open this topic after I mentioned in the lockdown thread how I started to do a lot more for my fitness. https://f...
#fitness#heath
193 4728 82
New
axelson
Cross Platform>Libraries/Tools

Obsidian – a cross platform app to help you create a knowledge base with Markdown files
I’ve been really enjoying obsidian.md: It is very snappy (even though it is based on Electron). I love that it is all local by defaul...
#apps#macos#windows#linux/markdown#obsidian
38 4357 19
New
Exadra37
General Dev>Hardware

What monitor(s) do you have for programming?
Please tell us what is your preferred monitor setup for programming(not gaming) and why you have chosen it. Does your monitor have eye p...
#monitors#coding#programming#development
227 10159 88
New
PragmaticBookshelf
Game Dev>Learning Resources

Apple Game Frameworks and Technologies
Design and develop sophisticated 2D games that are as much fun to make as they are to play. From particle effects and pathfinding to soci...
pragprog.com
#pragprog#ios#game-dev#macos/swift#published-book#apple/book-apple-game-frameworks-and-technologies
30 6234 10
New
brentjanderson
General Dev>Hardware

Moonlander Keyboard (Mechanical) (Ergonomic) (Split) (Ortholinear)
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
#hardware/keyboards#moonlander#mechanical-keyboards#ortholinear#ergonomic
212 16447 90
New
PragmaticBookshelf
Backend>Learning Resources

Concurrent Data Processing in Elixir
Learn different ways of writing concurrent code in Elixir and increase your application's performance, without sacrificing scalability or...
pragprog.com
#pragprog/elixir#published-book/book-concurrent-data-processing-in-elixir
78 5131 24
New
Margaret
Community>In The Spotlight

AMA with: Mark Volkmann (codebar Winter Lit Fest)
Ask Me Anything with Mark Volkmann @mvolkmann On February 24 and 25, we are giving you a chance to ask questions of PragProg author M...
/book-server-driven-web-apps-with-htmx#codebar-spotlight
37 1880 20
New
Back to top

Sponsor Spotlight

WyewWorks

Enabling companies to succeed by building software people love.

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.

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.

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