Comments (10)
@Kekwel Sorry for the late answer, I was working on other projects.
I'm not able to reproduce your issue on vaadin version 14.6.5 and on 14.6.8. I created the view how you told me to do.
Could you try to give me some more additional context, that I can help you resolving this issue ?
Have a great day,
David
from signature-widget.
Closed due to inactivity. If you need further assistance, please re-open this issue.
from signature-widget.
Hello, sorry about the late response, I wasn't available.
I also tried with blank project and it works perfectly.
For my project, I used a vaadin-blank template that a colleague created which contains some views and configuration specific to our company.
I tried to create the same view in both project, with just the signature pad in a VerticalLayout, and I can't find any differences between those two projects :
SignaturePad signature = new SignaturePad();
signature.setHeight("150px");
signature.setWidth("300px");
signature.setBackgroundColor(0, 0, 0, 0);
signature.setPenColor("#000000");
add(signature);
In my case, the html tag <lit-signature-pad>
is there, but the canvas inside the shadow-root isn't there or generated.
Do you know why the inside canvas isn't generated ? Can it be a lead ?
PS: I can't re-open the issue
from signature-widget.
Hi @Kekwel,
I really don't know what could be forcing the non showing/rendering of the lit-element.
Could you please attach an screenshot of the mozilla (or chrome depends on which browser you are using) site investigator, to maybe see if css is hiding something. I really can't think of anything else.
In the best case, this what you should be looking at.
Important is that the width/height of the lit-signature-pad and the width/height of the canvas itself should be close to be the same.
from signature-widget.
Hi @F0rce ! Thanks for your answer.
Don't see any CSS hiding, there isn't the canvas element between <!---->
, here's also the css on the lit element :
It must be something from the blank project I used. a dependency excluded maybe, is it possible ?
from signature-widget.
@Kekwel could be possible.
Could you please re-check if those two codeblocks are persistant in your pom:
<dependency>
<groupId>de.f0rce.signaturepad</groupId>
<artifactId>signature-widget</artifactId>
<version>2.0.0</version>
</dependency>
<repository>
<id>vaadin-addons</id>
<url>https://maven.vaadin.com/vaadin-addons</url>
</repository>
Maybe also try to rebuild the project by using mvn clean install
:
If nothing helps, I guess you have to contact Vaadin Live Support. Maybe it is something else, we both don't think off.
from signature-widget.
Those two codeblocks are there.
I also rebuild the project but it's the same.
I'll try to reach them. Thanks for your answer and your time !
from signature-widget.
I know this thread is a bit old but I have the same issue right now. @Kekwel did you resolve this issue in your app? How? I have this lit-signature-pad available in html but nothing on the screen. Vaadin 22.0.x and SignaturePad 2.0.2 on my end ...
Here is what I can see in browser ...
<div><h2>Signature pad</h2>
<div style="border: 1px solid red;">
<lit-signature-pad style="width: 300px; height: 300px;"></lit-signature-pad>
</div>
</div>
from signature-widget.
Hi @dmarko484,
Yes indeed I resolved it but forgot about this issue.
The only thing I did was to whitelist the addon, in my yml conf file :
vaadin:
whitelisted-packages: de/f0rce/signaturepad
It worked for Vaadin 14 but don't know if it's the same case for newer version
EDIT : looks like it's the same : https://vaadin.com/docs/v22/flow/integrations/spring/configuration/#special-configuration-parameters
from signature-widget.
Thanks a lot! It worked the same way for Vaadin 22
from signature-widget.
Related Issues (10)
- Library includes/links pro components HOT 6
- RGBA of setBackgroundColor not working HOT 4
- Investigate signature_pad 4.0.2 not working in a webcomponent environment
- Signature is made 3cm next to the mouse HOT 1
- clear() does not remove the imageUri or base64 String HOT 4
- ValueChangeEvent Support HOT 1
- Check if the Signature is empty HOT 4
- Problem running on Vaadin 24 HOT 2
- setImage() does not set the content for the signaturePad HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from signature-widget.