WebYep PDF link

Couple of questions regarding PDF links using Webyep

I have a sidebar on a site I’m developing that my client wants to list some PDFs and Word docs. I’ve created a loop with the attachment element. It works fine.

My question is, however, is there a way for me to have the documents open in a new window first, rather than a direct download, so that people can see if it is a document they really want to download. Should I be using the Rich Text box instead of the Attachment and then create a link to the file(s)? If so, will my client be able to link new files automatically through webyep?

Thanks

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

is there a way for me to have the documents open in a new window first, rather than a direct download

You are not going to be able to open a Word doc in a browser window!

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I really meant PDFs. I know how to have them open in a new window without webyep. Just wasn’t sure whether I can do this with webyep or not. I initially used the webyep attachment box, but that seems to only allow me the download option.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahm Jeff, sorry for maybe asking stupid:

isn’t it a question of Browsersetting and Systemsetting on how PDF’s should be handled?

Or other way round - how do you do it without wy?

I’m not sure, that this could be rebuilt in a richtext element using the text editor and its additional possibilities - but it’s worth to give a try.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas

I know people can set their browser to view PDFs in new windows or prevent this, and the PDFs I have linked to do open in a new window, but only after an automatic download.

I was trying to see if I could control that aspect. My other approach might be to have two links, one called view that would pop up doc in a lightbox and one for direct download.

I have an email into Max to see if he can answer this, otherwise will do some more exploring of the richtext approach.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Jeff,

that’s nearly the same I am doing on my pages for example:

http://www.kimmich-dm.de/blogging/disqus-follow.php?DOC_INST=13

All this are combined rich-text elements in a loop.

I use the tinyMCE editor but the CKEditor will work as well.

It gives me the full opportunity to edit my pages without always going into freeway and I appreciate this. So this is no problem to achieve.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas

Could you explain your setup on this page a bit more. Are each of the white boxes an html item within a webyep loop, with graphic boxes for the magic zoom and download buttons? Is it magic zoom which pops up the image or is that with lightbox.

This is my first time using webyep so the more explanation you can provide the better.

Jeff

PS. did download your screencast and will check it out later,


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Now - the first thing to declare here:

It’s a box in box construction (inline box model) within the entire page. So it’s hard to explain all these steps and the construction itself.

But so far - a lot of HTML-Boxes in the box. At least I need 5 in a container, the first will be loop-start, the second will be the carrier of the upper .png with the rounded corner, The third for the main content, the 4th will be the rounded box closer and a 5th the loop stop.

Image content is always background image in inspector (center - bottom, center - tiling, center - top is the set to get the three parts together Box 2+3+4).

I know it sounds complicated a to be honest - without Dan Jaskers boxmodel - screencast - I never ever had a chance to achieve this (so highly recommended). He has webyep series, too.

But anyway - I always add rich-text elemets to get the full amount of freedom in webyep. This is not recommended for the most customers cause they are doing funny things - but if it’s your control - give it a deeper look.

With richtext you should install a rich-text-editor (have a look at Max Documentation).

Now it depends on what editor you choose, cause all are a bit different, but in there you have now a lot of possibilities. The most common: TinyMCE and CKEditor

The popup window in my case is lightbox. I place an image into the richtext-element and give it just a link to its bigger brother (or itself) . In richtext-editor you can choose the instance “lightbox” and you’re done.

The same basics are downloads. Just insert a button (or a line of text) and link it to a file (absoulte path) and you’re done.

Honestly - I often do not understand much of the “running things behind” and I had a lot of work and time to find all the things out. And btw. I never wrote so much in a list like here. So the best would be to start somewhere and add knowledge step by step

MagicZoom has nothing to do with it, just one of a lot of possibilities to “Zoom into an image to show details”, not to pop up a window like lightbox.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

… maybe additional a screenshot how it looks in freeway-doc:

Skitch | Evernote (if it works :slight_smile:

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the instructions Thomas – very helpful.

I’m familiar with the box model and my site is setup using it. I also have TinyMCE installed into WebYep. And have lightbox installed (haven’t tried it with WEbYep yet, but Max has an explanation in the manual – thanks for all those suggestions anyway.

The screenshot is helpful as well. BTW what does the remove paragraph action do in your setup?

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Jeff,

perfect - so the rest would be " the walk through the park".

Remove paragraph tag:

  1. By making a three part construction, I recognized a small thin line between the elemnts. I got rid of them with that action.

  2. General it’s fact, that wy-text-elements start one tick under the “regular” text-elements.

Both are the reason to prevent me from this, so I add this just by default.

One question: Do you have an image-manager in tinyMCE? If no - i’d like to make an experiment if you want. It will be short - and just to test if things are running as I expect.

Happy on going on further.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I was planning on using Lightbox for the images/pdfs – have it loaded in webyep, but not sure if that is what you mean by an image manager in TinyMCE. I haven’t loaded an specific image editors into TinyMCE. What’s the experiment?

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Placing images into your richtext-box.

Linking this to the lightbox effect, just what you plan.

I’m not sure if you can link to lightbox without an imagemanager for example TinyBrowser.

So this is what you can test for me if you want

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is TinyBrowser an image editor for TinyMCE?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

To be pedant - not an editor, TinyBrowser is a file browser. With this installed, you can search files from your scratch, upload it to your root and place images into your TinyMCE Text-editor.

Or what way do you plan to place images into TinyMCE?

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry If I’m being a bit thick on this. Hadn’t really thought it all the way out yet, as initially I had hoped I could just add a PDF link that would open in a new browser window. And this is the first time using webyep.

Anyway, took a quick look at TinyBrowser. So all I need to do is upload to the root and it will automatically add the ability to upload images within TinyMCE? No need to modify any code or anything?

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Now-unfortunately it’s not free anymore (as I saw).

And no - it’s not that easy to install as just a copy and paste.

So I made my thoughts how it could be solved with a workaround (experiment :-).

I planned to make a small screencast (not as tut. just as a suggestion) about it, but I have to be sure if this could work for all out there.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas – hold on. I actually just bought TinyBrowser (pretty inexpensive). I see I have to modify a couple of items. I see I need to add some javascript after the link to TinyMCE (tiny_mce.js) - where exactly do I add this? I have Text Wrangler

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You need a so called tinymce_init.php.

You can find a default one (original from http://tinymce.moxiecode.com/) here to download:

http://www.kimmich-dm.de/blogging/disqus-follow.php?DOC_INST=15

Insert the java script in the head area of it:

following line (file_browser_callback line) somewhere in this area:

mode : "textareas",
file_browser_callback : 'tinyBrowser',
language: "en",

Place the tinymce_init.php into the opt folder of webyep just before the tinymce folder and you should be done.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Couple of questions, as I think I have something wrong

  1. So in the file you provided, I replaced the first line with the javascript you gave me and replaced ‘yourdomain’ with my domain url path – correct? (so if I have the domain in a test folder for now I would put http://domain/test/webyep…?)

  2. I added the call back lines after mode : “textareas”,

  3. And then saved the tinymce_init.php file and put it in my opt folder

When I go into edit a richtext element the TinyMCE window opens but only have some code (none of edit features)

If you want to look, here is the link:

[http://societyhill2westchester.com/test/index.php] for right now I have the webyep logon just set to admin and password. The button is invisible but it is just to the right of the phone number in the footer.

Jeff

PS. In the TinyBrowser install readme in mentions maybe having to modify the TinyBrowser config_tinybrowser.php file paths. Is this my problem?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options