You are viewing limited content. For full access, please sign in.

Discussion

Discussion

Forms 12 reuse upload blob or preview url

posted on September 29 Show version history

@████████

I just want to confirm that there is no way to reuse the clickable blob url from the upload field. I want to break out all batch upload docs into a table where a user can add additional info in adjacent columns such as vendor name, invoice number, etc..

I can use vanilla javaScript to put the url in there and even make it clickable but the blob is sanitized and will not open. I had to use a button within a customHTML field. 

What would be even better would be to use the preview url and put that in my table but that is not exposed in the array returned on the upload field with getFrieldValues.

I am trying to avoid users uploading to the repository and then starting the business process from there since I'll need to manage duplicate docs and cleanup. That seems counterintuitive to how Forms works, but I don't see another option. Please let me know if anyone has paved the way on this before :) Thanks!


preview button:


As far as i could get:


 

0 0
replied two days ago

not directly unfortunately, like you saw we sanitize the blob url for security purposes. You could line up the table and the file upload side by side and use CSS/JS to keep the two in sync though. I haven't done the JS portion, but this is kind of what it would look like.

0 0
replied one day ago Show version history

Gotcha, I hate to resort to uploading to the repo but that's what I did on this one...

I like the look of the side by side table. Can the LFForm object hide the misc upload artifacts like file size? I absolutely LOVE the preview feature on the upload field. Super useful. 

0 0
replied one day ago

Well on the positive side, we want to enable forms to more seamlessly open entries saved from a form to the repository so that will be the best way in the future. Your actual use case is super common, people filling out forms don't want to upload to each row of a table they want to do it all at once.

 

LFForm can't hide the upload information, but you can hide it with CSS. The easy way is display: none; but if you're worried about accessibility and screen readers (working on a presentation for empower), you can use these styles to visually hide them, but make sure a screen reader can still read the information.

 

  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;

 

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.