Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 5 of 5 total
Thread Printing grid causes rows to appear out of alignment
Mon, Feb 9 2015 5:35 AMPermanent Link

Anthony

I have a grid in an application with a couple of hundred rows, I have extended the form height to allow the entire grid to be displayed and use the browser scroll bars to scroll to the bottom of the grid successfully.

However when I print preview from Firefox or Chrome the rows on the second page of the print out are out of alignment, some of the rows to the tight of the page are aligned halfway between the rows on the left of the page. The bottom line of the table has several steps in it and the right hand side can be several rows up from the bottom of the table.

I first thought that is may be due to some of the fields on the right are empty, but not sure this is the case, also when the columns on the right become out of alignment you can see grid lines extending past the bottom of the horizontal lines on the previous page. I have attached a screen shot.

I have created a new application with only the form and grid components and have the same problem, but in Chrome disabling the grid scroll bars seems to resolve the issue but not in Firefox, any suggestions?



Attachments: grid_alignment.PNG
Mon, Feb 9 2015 7:01 AMPermanent Link

Matthew Jones

Anthony wrote:

>  any suggestions?

I've never really found printing multi-page scrollable regions worked
well in browsers, but I'd start by looking at the CSS for these things.

The solution I use, which may or not work for others, and a pure web
option would of course be ideal, is to generate PDF files with WPTools'
Mail Merge facility. This way I am in complete control, but it is more
work of course both in programming and server action.

Sorry, not much help on this specific issue.

--

Matthew Jones
Mon, Feb 9 2015 7:18 AMPermanent Link

Rick

On 09/02/15 21:35, Anthony wrote:
> I have a grid in an application with a couple of hundred rows, I have extended the form height to allow the entire grid to be displayed and use the browser scroll bars to scroll to the bottom of the grid successfully.
>
> However when I print preview from Firefox or Chrome the rows on the second page of the print out are out of alignment, some of the rows to the tight of the page are aligned halfway between the rows on the left of the page. The bottom line of the table has several steps in it and the right hand side can be several rows up from the bottom of the table.
>
> I first thought that is may be due to some of the fields on the right are empty, but not sure this is the case, also when the columns on the right become out of alignment you can see grid lines extending past the bottom of the horizontal lines on the previous page. I have attached a screen shot.
>
> I have created a new application with only the form and grid components and have the same problem, but in Chrome disabling the grid scroll bars seems to resolve the issue but not in Firefox, any suggestions?
>

Just to clarify, if you go ahead and print does the way it look on paper
reflect exactly the preview? I've sometimes noticed that the preview
doesn't always accurately represent the actual print.

--
Rick
Mon, Feb 9 2015 10:01 AMPermanent Link

Anthony

> Matthew wrote:
>
> I've never really found printing multi-page scrollable regions worked
> well in browsers, but I'd start by looking at the CSS for these things.

I looked a the CSS for page breaks but is it possible to add these to the standard grid control, or would it mean generating the HTML and passing to a new page component?

> Rick wrote:
>
> Just to clarify, if you go ahead and print does the way it look on paper
> reflect exactly the preview? I've sometimes noticed that the preview
> doesn't always accurately represent the actual print.

Thanks Rick and Matthew for the replies, yes when you actually print it is all out of alignment on paper as per the print preview but the view of the web page in the browser is all perfectly aligned. I have also tried different themes, but they all seem to have the same issue when printing.
Tue, Feb 10 2015 11:01 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Anthony,

<< I have a grid in an application with a couple of hundred rows, I have
extended the form height to allow the entire grid to be displayed and use
the browser scroll bars to scroll to the bottom of the grid successfully.

However when I print preview from Firefox or Chrome the rows on the second
page of the print out are out of alignment, some of the rows to the tight of
the page are aligned halfway between the rows on the left of the page. The
bottom line of the table has several steps in it and the right hand side can
be several rows up from the bottom of the table. >>

Do not attempt to print EWB controls with any type of accuracy.  They're not
normal normal HTML documents and use nothing but absolute positioning for
elements, so they don't lend themselves to being printed with any sort of
accuracy when you need multi-page, flowing elements.  If you want a decent
printout, then just generate the HTML from the grid data to a separate
document in a TPage control, and then print that using its Print method.
You can assign HTML directly to a TPage control using this property:

http://www.elevatesoft.com/manual?action=viewprop&id=ewb1&comp=TPage&prop=DocumentText

Tim Young
Elevate Software
www.elevatesoft.com


Image