General

Re: Background Image in Table

Hilary Stoupa — Fri, 18 Dec 2020 19:00:37 GMT

I'm sorry, I didn't notice in your original post that this is supposed to be a browser form. I think a view hack like this will not be supported in a browser form - that once you publish the image won't show.

Re: Background Image in Table

Hilary Stoupa — Fri, 18 Dec 2020 16:18:05 GMT

I added the picture as a resource file first. So, under the data tab in the ribbon, click on resource files. That's where I added the photo, which also adds it to the source files, and a reference to it in the manifest. Then I could use it as a background.

Re: Background Image in Table

phil8228 — Fri, 18 Dec 2020 16:09:46 GMT

Thank you for the help, I was able to get it the way I would like it.

-side question: why does it seem like "texture.jpg" is hard coded into form? (see below)

- I used your sample as a template/practice form. I exported the source files to see how it was configured (helps me seeing it). I see the 'texture.jpg' file, listed. I noticed it was layered for each text box/little table. Using sample I copied in another picture(different name). Changed the veiw.xsl, where 'texture.jpg' is listed renamed to picture I wanted to use. Saved file and reopened form and it didn't show the updated photo, infact didn't show any photo. I ran a few other tests, still didn't get it to work with photo wanted. So last thing to try to was to rename wanted photo to 'texture', it worked. I then played with the setting a little bit more and got it to work the way I would like it, again thanks.

Re: Background Image in Table

Hilary Stoupa — Fri, 18 Dec 2020 03:14:35 GMT

See attached sample. Save the file locally, right click and select design, then preview. I added an image as a resource file, then saved the form as source files. Then I modified the style on the table element in the view XSL to use the image: style="WORD-WRAP: break-word; BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 805px; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; background:url('texture.jpg')"

Background Image in Table

phil8228 — Tue, 15 Dec 2020 20:17:20 GMT

I am tying to get a background image to be transparent or the form to scroll over the image.

Using win 10 enter - Info Designer 2013

I created the form from blank.
Added the text boxes, etc.
Saved form as template- no publish

Tried:
View Properties -> background section -> check box 'use a background picture' select pic.
-->it then puts the picture in the background just not in the table where I would like it to be.

Tried: (2)
Exporting source files (publish->export source files)
Go to source files - open 'view1.xsl' in text editor (use notepad ++ )
On line 233(in notepad ++) I change <body> to <body style="background-image:url('image001.jpg')">
->following http://madhubhashini.blogspot.com/2014/05/how-to-apply-background-image-in.html

2:
->able to get the table to get the picture inserted into the table background. Issue is that the background also
has/had the picture, duplicated.
->tried to remove the background - it took it out from table

Tried:: (3)
Created new form-> no fields added.
Exported source files.
Opened source file 'view1.xsl'
changed line 233 to <body style="background-image:url('image001.jpg')">
--> this allowed table image to be in the table only.
---> this was nice until trying to add fields to the table - will not allow to add over the background image (asks like just inserted pic)

Any help or guidance would be great.

this will be on sharepoint in end result