The question was:

1. Where is the best placement of OPEN and CLOSE loop elements for a repeating table row?
- Inside the TR tags?
- outside TR tags?
2. Where is the best placement of the LOOP controls?
- Whether the controls are placed AUTOMATIC or MANUALLY they display inline at the top of the table, which is confusing to the user.

And the answer was:

ad 1.: Outside the TR tags – the loop should surround the table row

ad 2.: When placing the loop start in a position where now content HTML is allowed (like between the TABLE and TR tags) then you should set the control flag to MANUALLY and insert the little PHP code snippet for the controls (as listed in the Menu Element’s reference) elsewhere – e.g. at the beginning or end of the table cell (right after the TD or before the /TD). You might want to enclose that in a DIV and give that a nowrap via CSS so the buttons are kept in a separate line.

And I added:

Just used this tip and thought posting the code would save someone else time:
<?php $webyep_oCurrentLoop->showEditButtons(); ?>

Original Forum Article is here: LOOP – TABLE; repeat TR, controls placement

I work on website redesigns, which means I often work in a temporary subdirectory. When I’m ready to launch the website, I move the files from their temporary home, into their permanent home, typically under the root of the website. But if I’ve installed WebYep on a client’s website, moving these files will break things, and since I can’t find this on WebYep’s FAQ page, I’m posting it here in the hopes of helping others.

If you’ve moved your WebYep file or changed the page name, you have broken the link between WebYep and it’s data, and it’s a simple matter to fix this. Follow these steps provided by WebYep Customer Support:

I’ve renamed my page’s file or folder – now all my data is lost!
——————————————————
Whenever you rename a page or move it to another folder, the link between the page and its WebYep data is lost, as WebYep can only identify a page by its URL (filename and path).

But you can re-link the page to its data:

Open the file webyep-system/data/documents – a text file, containing pairs of paths and document IDs. Locate the file in question and correct its file or folder name. Then WebYep will find the document’s data again.

And, if your Web Yep pages were inside a subdirectory, called for example “newsite”. You’ll need to also modify this line at the very top of all your Web Yep pages:

from this

include(“newsite/$webyep_sIncludePath/webyep.php”);

to this

include(“$webyep_sIncludePath/webyep.php”);

Easy solution – but hard to find!

I’ve had a few clients ask me this question, so I’m posting the answer here – because it wasn’t super easy to find on the internet. When you get to the end of a line and hit “return” on your keyboard – what do you want to happen? Sometimes you want a new paragraph. Sometimes you might just want a line break. This short tutorial shows you how to accomplish this. It works for WebYep and WordPress…and probably for many other text editors that might use TinyMCE or FCKEditor or others.

In HTML, there are paragraph tags: <p>I’m a paragraph</p> and there are line breaks <br />.

Paragraph tags make things look like this:

Paragraph 1

Paragraph 2

There’s a line of space between paragraphs.

But line breaks look like this:

Line break 1
Line break 2

There is no line of space.

How do you get what you want when you’re using WebYep or WordPress or some other application that uses a WYSIWYG text editor?

The answer is easy: If you want a new paragraph, simply hit “return“. If you don’t want a new paragraph and just want a line break, hit “shift return“.

Now, when I was researching this solution, I did find many folks who said you could accomplish this by changing a few lines of code in the TinyMCE initiation file. And this did work…but only on Internet Explorer. It didn’t work on Firefox. So I think the simple “shift return” solution is the best one for my clients to use.

UPDATE: For those of you on a Mac, I have found issues with Safari and this hint – but it works on Firefox for Mac, so give that a try if Safari doesn’t behave.

If you’ve got a page in WebYep that’s got a large amount of content, you may want to help your visitors get quickly to the section they’re interested in. In order to do this, you need to add an “anchor” to the section you want them directed to, and you need to add a “link” to the anchor at the top of the page. This tutorial assumes you have WebYep installed and have a “Rich Text” element already configured on your page.

There are really four steps to this process:
1. Create the upper content that will link to the lower content
2. Create the lower content that you want the upper content to link to.
3. Create the “anchor” just before the lower content.
4. Create the “link” in the upper content.

The following video will make this more clear:

If you want to add on-page anchors, but the upper link and the lower anchor are spread across two elements, then the name of the lower anchor won’t automatically appear in the pull down menu. In this case, you should refer to the image below:

In the video, since the anchor link and the upper link were part of the same WebYep element, the name of the anchor link would appear under the pull down menu for “Anchors”. If the anchor link is NOT within the same element, then you need to manually add it. You do this by typing “#” followed by the name of the anchor in the field marked “Link URL”. In the above example, the anchor link was called “groundcover”, and so in order to have link go to this location, I typed “#groundcover” in the “Link URL” field.

WebYep is a great content management tool, but sometimes clients get unexpected results when they copy and paste content from other applications, like Word. (Other applications like WordPress Blogs behave the same way). If you’re composing in the WebYep window, you most likely won’t have any issues, but if you try to copy and paste content, like text, from other word processing applications, or even from your internet browser window, you might run into issues.

The “Rich Text” Window in Web Yep
Web Yep has two views for entering content. The view that opens first, is the view that won’t show you any HTML. At the very top of the window, it might say “Rich Text”.

The “HTML Source Editor” Window in WebYep
Now, another way to see your content, is to show the HTML. This is done by clicking on the HTML blue button that’s at the end of the second row of icons. This will open up a second window, where you can see the HTML code. At the top of this window it will say “HTML Source Editor”.

The “View Source” Window in your browser
Yet another way to see your content, is to use your browser’s “View Page Source” or “View Source”. This will open a window to show you the HTML code as your browser sees it.

Troubleshooting Unexpected Results
If you copy and paste into the first “Rich Text” window, all may look fine, but there may actually be hidden HTML tags that will mess up your page. It’s always best to either enter content directly (by typing) or from pasting from a Plain Text Editor. (Word is NOT a Plain Text Editor. Plain Text Editors are “WordPad” or “TextEdit” or “NotePad”.) If you are using Word, you should always paste into the “Paste As Plain Text” using the little icon that looks like a yellow clipboard with a T on it. This will strip away any invisible HTML.

Take Home Message:
Don’t paste from Word or any other non Plain Text Editor tool directly into the WebYep window, and this includes copy and pasting from the Internet. If you are going to paste, make sure it’s from a Plain Text Editor like “WordPad”, “NotePad” or “TextEdit”.  If you must, must paste from Word, try out the little icon with the clipboard and the “T” (paste as plain text) on it.

I made this diagram and explanation to help clients help me set up their website pages that use Web Yep, my favorite content management tool. Web Yep is good, because clients can’t inadvertently damage their websites. This is because Web Yep keeps clients in specified areas that are called “Elements”. If you know HTML, you can use the Web Yep editor to create HTML code. But if you don’t know HTML, Web Yep will need to be configured as described below:

There are several types of Web Yep elements, and I’ve shown a few on the diagram below. Again, you can only edit content where there is a pre-defined (by me) element and therefore you’ll need to decide where you want content, and what kind of content it is.

The types of elements available are:
Short Text : Text only, good for short headlines
Rich Text: Full text editor, good for text.
Images: Image files like jpgs, gifs, etc
File Attachment: Things you want people to be able to download, like .pdf’s
Loop: Can be a combination of all of the above

Loop elements are neat, because I can create a set of sub-elements that can be repeated as many times as you need them repeated.

Remember, you can demo Web Yep here. The diagram below shows just one possible configuration of Web Yep on a website’s page.
>

This is a video tutorial on how to add a link using WebYep, the best content management tool I’ve found for small business owners.

Here are the basic steps:
1. Unlock WebYep
2. Click on the element you want to modify
3. Create the “anchor text”
4. Copy the destination URL
5. Select the “anchor text”
6. Select the link tool
7. Paste the destination URL
8. Update/Save your work
9. Test the link

Two extra tidbits:

To add a link to an email address: If you want to add a link to an email address, so that when visitors click on the email address it opens their mail application, you need to use this link formatting:
mailto:emailaddress@domain.com

This means rather than putting “http://www.blah.com” in the URL field, you put “mailto:emailaddress@domain.com”, replacing what comes after “mailto:” with the desired email address. WebYep has a built-in email obfusticator, which means that email addresses are hidden from spam searchers.

To add an on-page anchor: If you want to link to a place on the same page that has an “anchor”, you simply put:
#anchorname
inside the URL field. Note the anchor needs to be set up before hand.