Jump to content

Background Image


Recommended Posts

My site conducts a training exam that ultimately after completion (with a passing grade), the user should be able to print a completion certificate. I have read the earlier posts on how to create a background image but I still have a few problems.

Quick Background:

- The actual certificate is landscape and should fill a whole page with a blank 1" border.

- The image is located on my website (hidden page) for the report to reference.

- The style I currently use is set up with a table width of 1200px (List/Grid Layout) with equal column width checked.

- The Details Page is setup with a section that has 3 columns with 3 HTML blocks.

- There is a field in the first HTML block to fill a place in the lower left side of the certificate.

- There are 3 fields in the next HTML block (middle) to center the remaining information in the center or the certificate.

- There is a 3rd HTML block that contains a number of "&nbsp:" to expand the third column

- The image will occasionally shrink.

- Style/Forms/Details/layout source information is as follows:

.cbFormTable

{

/*Form Table Attributes*/

border-collapse: collapse;

background-image: url("http://www.xxxx.com/xxxxxxxx/Icon_Page_files/droppedImage_4.png");

background-repeat: no-repeat;

Question 1:

- Can I load the image in my caspio account and have my "style" reference it from there versus the earlier posting which suggested that it be referenced from someplace on the web?

- If I can place the image in my caspio file location, how would I reference it?

Question 2:

- Can I control/specify the size of the image?

- If so, how?

I would love to hear any ideas.

Best Regards,

Link to comment
Share on other sites

  • 2 weeks later...

Hi,

You can not reference an image which is stored in Caspio unless the image is referenced in a Table and DataPage. So for this purspoe you need to store the image in your own wev server and provide the reference (URL) in the cbFormTable style class.

Regarding the size of the image, you can edit the image with and image editor then re-store it on your server.

Best,

Bahar M.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...