Draw lost on hide element about nativescript-drawingpad HOT 7 CLOSED

I've not gotten into angular2 yet. Is there another alternative to ngIf, my
guess is that's removing it from the tree, but I don't know. Have you tried
just setting the visibility=false when you want to hide one from the view?
Another option might be to animate it out of the screen and adjust the
opacity so it's not visible and then bring it back.

On Wed, Nov 16, 2016, 11:43 AM Eduardo Sanchez [email protected]
wrote:

I need to have different drawing areas but in the same place, so I need to
hide and show the DrawingPads depending on a variable:

This is an example of the code:
<template ngFor let-dp let-i="index" [ngForOf]="[1,2,3,4]">
<DrawingPad *ngIf="i == variable" col="0" height="200"
id="drawingPad-{{i}}" penColor="#000" penWidth="3">

But if I draw something in Pad#1, change to Pad#2 (which is empty, as
expected) and the back to Pad#1, the Pad#1 is empty... I need them to keep
what was drawn.

Any ideas how to achieve this?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#12, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AFulhG87V2ULRycpQTPlxOe0UD87mVKXks5q-0C5gaJpZM4K0NOs
.

from nativescript-drawingpad.

I think it might be loosing the reference and when it shows again it creates a new reference. Is there a way to set the value of the DrawingPad? Like when you do pad.getMyDrawing() and it returns a Promise with the image, set that image returned to a DrawingPad value

from nativescript-drawingpad.

Don't think there's an easy way to take the image and back into the drawing
view. What you could do is layer an image on top of the drawing view and
put the image to the src and then draw on top of the layer.

On Wed, Nov 16, 2016, 12:27 PM Eduardo Sanchez [email protected]
wrote:

I think it might be loosing the reference and when it shows again it
creates a new reference. Is there a way to set the value of the DrawingPad?
Like when you do pad.getMyDrawing() and it returns a Promise with the
image, set that image returned to a DrawingPad value

—
You are receiving this because you commented.

Reply to this email directly, view it on GitHub
#12 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFulhAM_VUbDIU20HTK7LSNS3vprP8Peks5q-0sJgaJpZM4K0NOs
.

from nativescript-drawingpad.

Is it possible to create the DrawingPad object programmatically and then append it to the view? That way the reference isn't lost..

from nativescript-drawingpad.

I just solved the problem by using visibility: collapsed; and visibility: visible; depending on the state, instead of *ngIf. Thanks for your help. I'll dig more into it to se if there's a better way.

from nativescript-drawingpad.

My guess then Is that ngIf removes the view from the tree so it renders new
when added back. Or so it seems that way

On Thu, Nov 17, 2016, 7:38 AM Eduardo Sanchez [email protected]
wrote:

I just solved the problem by using visibility: collapsed; and visibility:
visible; depending on the state, instead of *ngIf. Thanks for your help.
I'll dig more into it to se if there's a better way.

—
You are receiving this because you commented.

Reply to this email directly, view it on GitHub
#12 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFulhJD_SvI84Vpw8KgT_kd-BDG3KThWks5q_FjVgaJpZM4K0NOs
.

from nativescript-drawingpad.

Yes, that might be. Thanks for your help and quick response!

from nativescript-drawingpad.