Expandable table interactive pdf - html

I have a task to complete at work that I already completed once. The issue is Outlook and HTML templates. I created a large table that will be used as a pricing table for our customers but the issue is people don't know how to use html even when I dummy proof it with step by step instructions. I have attached the exact layout I need to produce to get some help with advice on what solution will be best for me to use. I have proposed the LiveCycle Designer by Adobe but I feel I am getting a snobby response from even suggesting this. PLEASE HELP! I have don't this 4 times using Acrobat Pro and the client hates it. I also redid it as an HTML template with Outlook specific code so it doesn't get mangled if it is forwarded to others.
Ok I need a reputation of 10 to post a picture so I will describe it the best I can. Let me know if I can send the image to anyone willing to help?
The table has an image header then Title and report date with a input text field next to it. Under this begins the table is has 12 columns and 29 rows. Each cell needs to be expandable in case the clients types in more characters and the form expands to show all the text in each cell. I would like everything to adjust to this.
I told them to use a Excel document but they said no. Then I suggested to just have each cell be larger so there is no need to have them be expandable. They shot that down as well due to the look of it. I really don't think I can pull this off without Adobe's Livecycle Designer.

Related

Is there a way to filter numbers in a html page?

it's for work so i can't disclose details, but basicly orders come in and they get listed via a external website. the thing i want to do is to list them so i can copy them easily. i've been searching for a way to export the page to excel, but this didn't work out. now i'm looking into devtools for chrome to filter them out.
what i'm looking for is a way to filter a bunch of numbers from a page, and quickly be able to copy them. it doesn't really matter how. below i added a picture to show the overall scructure of the page itself.
All suggestions are welcome!
greetings, niels
Yes you can with Javascript.
However, the image you provided does not contain the necessary information to help solve your exact question.
Get the element that contains the value that you want to receive via element inspect in your browser.
Use .innerText to retrieve the value inside of the element.
For example, let's say I want to fetch your Stackoverflow username from this post, here's how that would go (you can copy paste the code in your web-console to see the result):
document.getElementsByClassName('user-details')[0].childNodes[2].innerText
The same principle applies to numbers or other values/data. Without the page structure, it is impossible to give you a concrete answer to your question. Hopefully the above gives you some guidance as to what you should be looking for.

'Responsive' email not responsive post-my interference

Apologies in advance for code overkill. I don't have any idea where the problem lies, so I'm just going to have to paste in the whole thing. I don't think what I've been trying to build is particularly complex- but I AM now particularly out of my depth. I got misled when the previews at Email On Acid looked fine all along as I was busy editing away, copy pasting code and viewing the result as I went along. But when I sent the email to my Android device there wasn't any stacking for the small screen. All three columns are rigidly there and the text has not adapted.
I've realised belatedly after researching this as much as I could and reading an excellent article on table-based spongy/fluid design by Nicole of Merlin of Email Wizardry that media queries are not good. The template I used in EOA has them unfortunately. And now I need to repair my email newsletter before I get lynched by the committee of the non-profit I am carrying this out for gratis.
I could give up trying to build it to spec and head over to Mosaico to make something generic, but this email newsletter at least needs to contain internal links!
Could you have a squizz at my code and give even a general pointer as to where I might have gone wrong and what to do to fix it?
Thanking you in advance. Code to follow by attached text file:
...actually the code won't even paste in here: 'formatted wrongly' I can't find any option that will allow me to communicate the code to other users here. Tried getting the content temporarily hosted, but they had a character limit my project exceeded. Could attach text file if I could find a way. Apologies for the noob questions! But really want to complete this!

View Source Information for Dynamic Tables

I have a vb.net web project that contains some dynamically filled tables. I recently changed how this data is calculated, and now it is not being displayed properly. There are many web tables being nested inside of each other, and I suspect that I messed up something with how those tables are being nested. I'm still quite new to web development, so I'm having some trouble tracking down where the issue is originating from.
I've learned that I can view the source code for my webpage while I'm debugging it in a browser by right clicking in the browser and selecting something like 'View Page Source'. This is very helpful for visualizing how various tables are nested inside each other, and has helped me fix a couple issues already. However, I've noticed that the dynamically created content doesn't seem to appear in this source anywhere.
For example, if I make a web table that loads usernames from a sql table and displays them, searching for a given username in the source will return 0 matches, even if I can see that username on the screen in the debug session I'm currently running.
A couple questions:
Why does my dynamic data not show up in the source?
Is there a way I can make it show up?
If not, what other ways are there to examine how the different tables are nested at runtime after I've filled my tables with data?
UPDATE:
I did some more research, and it looks like any code that is run on the server isn't visible in that piece of source that I mentioned above. I do have runat="server" set for my table, so maybe this answers my first question. I'm still lost on the other two though - and those are probably the more important questions in terms of helping me fix my problem I'm having.
Look into using a devloper console in your browser. Chrome's is good - just right-click a control on the page and 'inspect element' or press F12 and use the magnifying glass at the top left of the console to select the area of interest. Firefox also has one, and I think modern versions of IE do too. Makes it a lot easier to investigate styling, contents, etc. and may help you locate your usernames. If they're on the page then they'll definitely be in some source code somewhere, just possibly not in an obvious place.

Good PDF to HTML Converter for Mobiles

We are having Multiple PDF which have account tables and balance sheet within it. We have tried many Converters but the result is not satisfactory. Can anybody please suggest any good converter that would replicated the contents of PDF to Exact structure in HTML. IF any paid Converter is there please suggest me .
This is the PDF we want to convert and Show in html "http://www.marico.com/html/investor/pdf/Quarterly_Updates/Consolidated%20Financial%20Results%20-%20Q3FY11.pdf"
Have you looked into this? http://pdftohtml.sourceforge.net/
It's open source as well, so it's free and can be modified if necessary.
There's even a demo showing the before PDF and the after HTML version. Not bad if you ask me.
If you're having issues specifically with tables in PDFs, perhaps the issue are the table themselves and whatever program is being used to generate them. Not all PDFs are created equal.
ALSO: Be aware that all PDFs that I've created and come across over the years have had lots of issues when it comes to copy/pasting blocks/lines of text that have other blocks/lines of text at equal or higher height on any given page. I think Acrobat lacks the ability to define a "sequence order" of what block is selected after what (or most programs don't use it properly), so the system sorta moves from a top-down, left-to-right way of selecting content.....even if that means jumping over large blank areas or grabbing lines from multiple columns at once when you wouldn't expect it. This may be part of your tabular data issue. Your weak link here is the PDF format itself and I think perhaps you may be expecting too much from it. Turning anything into a PDF is pretty much a one-way street, especially when you start putting lots of editable text into it.
Have you tried http://www.jpedal.org/html_index.php - there is also a free online version

HTML printing - what methods are there to make an html based printout? What are the pros and cons?

I have a report I need to print out in an application I'm usually doing maintenance for. My question, which interests me beyond the scope of this task is, what are the ways to format an HTML page for printing? What are the pros and cons of each?
Note that the page is meant only to be printed. I'm not asking about an HTML page that looks ok also when printed.
Generally speaking, I know I can either rely heavily on <table>s or on <div>s, but I don't know which way to go.
I would also appreciate some resources to get me started, or to help with known problems, in any method you suggest.
Thanks,
Asaf
As you can certainly see, printing and web presentation are two different creatures. The main issue is the bounds of the printed page, which does not exist in a web page. Even if you think you have a page laid out in a manner that will fit a printed page, then you need to deal with the fact that the font you are using may not work or scale correctly on the user's printer.
I know of three ways to deal with this issue:
Use fixed-sized fonts (like Courier), limit yourself to an 80 column width, and only use font characters: meaning use something like asterisks for borders, etc. This is VERY old school - your reports look simple and old and plain. But, they will always print they way you intended.
Convert your report to an image. Images can be made to confirm to a specific size which can fit on a page. However, you can still have issues due to printer margin settings.
Let another application do the work for you. What I mean by this is put your report into a PDF or a spreadsheet. Both PHP and Perl have easy to use modules for creating a PDF - with no licensing needed. Perl has a fantastic spreadsheet module. This route takes a little learning up front, but frees you from having to be an expert on printing (which can be a real pain).
In case you DO want to have a page that also looks good when viewed in a browser, consider multiple stylesheets for different medias.