1

(17 replies, posted in WebPlus)

Joe wrote:

I thought I had successfully popped-up grouped text & box in the past. But now I cant make it work.

Did you not download the file that I attached to my post above? It will help you.

Joe

Yes. I have, but haven't had time to do anything with it. I'll look at it in the next few days. Thanks for the help.

Meanwhile, I have achieved the desired effect, even though the hidden popup is two separate items instead of one group.

2

(17 replies, posted in WebPlus)

Alfred wrote:

If the text frame is on top but moving the panel doesn’t also move the text frame, you don’t have the text frame fully within the panel area. Try enlarging the panel after dragging the text frame away from it, so that you have a larger target to aim for when you drag the text frame back onto it. You can reduce the size of the panel once the text frame is properly associated with it.

Thanks to all for the suggestions. Sorry to bother you with my amateur problems.

The text box was completely within the Panel, and they automatically snapped together. So I thought they would function as a group. The text box alone would popup with invisible backgroun, but together with the Panel, they both seem to remain invisible when the button is clicked.

So I have given up on the Panel approach. And gone back to the original, except that I cant group the Text and Rounded Box together for the Popup. Instead, I just place the text on top of the rounded box, and make both Hidden. Now, when I click the popup button -- with two targets -- both text and box display.

I thought I had successfully popped-up grouped text & box in the past. But now I cant make it work.

3

(17 replies, posted in WebPlus)

Alfred wrote:

Why not simply post the Dropbox link here? You would need an email address to share it privately, but if you do that you won’t enable multiple users to inspect the file and potentially offer solutions to the problem.


DropBox link to "the BothAnd Blog fix popup"

https://www.dropbox.com/scl/fi/w8exmwj4 … t&dl=0

I shared the .wpp file to my email. When I click on URL above, DropBox says : this file type not supported"

Note1 --- I could do the popup myself if someone could describe the steps to create a Panel with invisible background, and then insert a text box that would be visible.

Note2 --- I now have a Panel and a new Text Box created within the Panel. But cant figure out how to Associate the text with the Panel. They remain separate objects.

WP Help says : "You should treat your panel as an empty building block which can be developed using WebPlus standard tools and features. By creating objects within the panel area, they belong to the panel. This extends to objects such as text frames, artistic text, tables, QuickShapes, and pictures. Dragging the panel will also move its associated objects."

Dont know how to "associate" Text with Panel, so I can drag them together as a single object. Grouping doesn't work. I can drag the group, but the panel still seems to remain separate.

4

(17 replies, posted in WebPlus)

After I created the Panel with a transparent background, I dragged the text box over the Panel and it snapped into place. So I assumed the Panel and Text became a single object. But that doesn't seem to be the case.

When I type directly inside the Panel, the Text becomes invisible like the background.
Next, I created an empty text box inside, and then began typing. That seems to work.

Is'nt there a way to create a Panel, and then drag & drop an existing Text Box into it?

5

(17 replies, posted in WebPlus)

Alfred wrote:

A zip archive should upload just like any other file. You simply need to make sure that you don’t miss out any steps.

If you’re still having problems, use a file-sharing service such as Dropbox or WeSendit and then post the download link here.

I tried again, and it said "the ZIP file is too big to upload". The compressed file is still 4.5mb. 20mb unzipped. It's just one page.

Even Dropbox can't seem to compress a .wpp file. Still 4.5mb.

Need an email address to transfer the file from Dropbox. Please put address in your reply.

6

(17 replies, posted in WebPlus)

Reply to Alfred

The .wpp file was too big to upload. So I zipped it.

I browsed and added the ZIP file, but I'm not sure it worked.

The Preview doesn't show the file.

Any suggestions for uploading a ZIP file?

7

(17 replies, posted in WebPlus)

Joe wrote:

As an alternative place your stuff to hide on a panel and then hide the panel in it's css properties > visibility tab.

I've never used Panels, but I'm try to make it work. I created a Panel slightly larger than the text box. Now I'm trying to figure out how to place the hidden text inside the panel. When I slide the hidden text box over the Panel it automatically pops up a dialog. But nothing I need for this purpose.

Next, I drew the Panel on top of the text box, and it seemed to automatically group them as "Panel 2". Then I tried to Edit Properties for the group. But the group edit does not allow CSS invisibility. . . .

Anyway, I now have a hidden panel with text box inside, labeled as Panel_2. And a "click here" button set to Action : Panel_2 show on click . hide when click elsewhere.  But in browser, when I click the button nothing happens.

I'm still missing something about setting actions in this situation.

Here's an excerpt from the HTML code for the Panel and Text Box :

<script type="text/javascript">
            $(document).ready(function() {
            $("a.ActiveButton").bind({ mousedown:function(){if ( $(this).attr('disabled') === undefined ) $(this).addClass('Activated');}, mouseleave:function(){ if ( $(this).attr('disabled') === undefined ) $(this).removeClass('Activated');}, mouseup:function(){ if ( $(this).attr('disabled') === undefined ) $(this).removeClass('Activated');}});
            clickShowHide('txt_1603', 'txt_1583', 150);
            clickShowHide('panel_2', 'panel_2', 150);
            clickToggle('btn_44', 'panel_2', 150);

What does "('disabled') === undefined )" mean in this context? Did I do something wrong?


https://i.postimg.cc/8FH7rtdT/popup-panel-with-text-box.png

8

(17 replies, posted in WebPlus)

Alfred wrote:

A *.wpp file would make it easier to see what you’ve tried to do, but from your description you have a hidden text box that you’re trying to unhide via CSS properties. I suggest doing it the other way around: cover the text box with a filled rectangle, and use CSS properties to hide the rectangle so that the text box shows through when the user clicks on the ‘Click for popup’ button.

The intent is to hide the invisible text & border on top of a full page of text. Then unhide only when the Popup button is clicked.
So, I'm now trying the Panel suggestion below. But I'm not familiar with Panels. So . . . .

9

(17 replies, posted in WebPlus)

Serif WebPlus X8 on Windows 11

I have placed a text box and rounded rectangle boundary, grouped as grp 1334 on top of a full page of text. Near it I placed a small text box with a title and "for popup click here" instruction. Separately, the text & rectangle are Hidden in CSS properties. And when I group them they remain Hidden.  But in the browser, clicking the title does not display the Hidden grp1334.

If I do only the text without the rectangle, it will display when clicked.

So, I made a text box with border and rounded corners. But couldn't add a fill to hide the page of text behind.

For the action object, I also created a button with same settings. When I point to it the hand symbol appears. Still the group doesn't popup.

I've been doing popups for years, but I seem to be missing something. Any suggestions? BTW, I did try a different browser, MS Edge



https://i.postimg.cc/sQ08XrMG/Popup-text-box.png

Ali wrote:

Affinity has no web design capability, but it is completely free.

Your best bet would be WYSIWYG Web Builder, not least because there are those of us here who use it and who might be able to guide you with it. It is not expensive.

Thanks, I'll check it out.

Alfred wrote:

Thank you for the further explanation. The angle brackets are not directional arrows, which is why your reference to a ‘back arrow’ key confused me. It’s simply a left bracket (or, more generally, a ‘less than’ sign) which is usually found immediately to the left of the right bracket or ‘greater than’ sign on the keyboard.

If your hosting package includes support for a server-side scripting language such as PHP, iterating through the filenames to create the desired list automatically should be fairly straightforward.

Sorry about the terminology. As I said, I'm not a coder. My college introduction to computer programming, back in the 1970s, isolated the computer in a locked, air conditioned room. And we Architectural students used teletype keyboards to communicate in Basic language. We stored our simple programs on rolls of paper-punch ticker-tape. 20 years later I had to learn computer drafting, but still no coding.

I assume that BlueHost allows PHP scripting language, but I have no idea how to work in PHP.

I just want to get the Index_HTML file back in my Essay & Image storage site, with as little coding as possible. I don't know what happened to the original, created automatically by WebPlus many years ago. Since then, I have only added images, using WinSCP FTP client. I've never intentionally deleted anything, especially the Index. The images are still there, but my browser can't access them without an Index.

Until I can get the Index fixed, I've used WinSCP to drag & drop the images back to my hard drive. But I still need to get them on a webpage, so I can reference them with a URL on an online forum, which is my retirement hobby.

PS___
Since WebPlus is an unsupported orphan, my best option for webpage creation may be Affinity by Canva. But I assume there will be a learning curve, and an annual $120/year subscription price, which I can't afford on my Social Security income. And I don't do commercial websites.

Do you have any experience with Affinity? Is it anything like WebPlus? Would the free version upload a website of images to BlueHost?

I could edit the Index in BlueHost FileManager or in WinSCP. But I don't know how to do the formatting, such as the back arrow.

Alfred wrote:

You only need to type (or copy and paste) the relevant filenames, as far as I can see.

Reply : See Contents below

Alfred wrote:

Why do you need back arrows unless you want to show us the structure of the folder instead of simply describing it?

Reply : Each image name in the Index folder is bracketed with forward & back arrows (angle brackets). I could laboriously add that formating to each of the 191 filenames. But my keyboard doesn't have a Left "angle bracket" key. Here's a "right arrow (bracket) :  >

Example image name :  <img src="images/120px-Greek_letter_uppercase_Phi.svg.png" alt="120px-Greek_letter_uppercase_Phi" />
Do you see why I want to add the list of images automatically instead of individually and manually?


Alfred wrote:

I don’t know what ‘<enformat@…> refers to, and I don’t see the full URL for ‘index.html’ anywhere.

Reply : "enformat" is the user ID that Bluehost assigned to me. It's an abbreviation of the domain name.
URL : https://gnomon.enformationism.info
public_html/gnomon/index.html



Contents of Index_HTML :

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Essays and Images Display</title> <style> body { font-family: Arial, sans-serif; margin: 20px; } h2 { border-bottom: 2px solid #333; padding-bottom: 5px; } .essay-list a { display: block; margin: 5px 0; color: #1a0dab; text-decoration: none; } .essay-list a:hover { text-decoration: underline; } .images, .smilies { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .images img, .smilies img { max-width: 150px; height: auto; border: 1px solid #ccc; border-radius: 4px; padding: 5px; background: #f9f9f9; } </style> </head> <body> <h1>Essays and Images Gallery</h1> <section> <h2>Essays (PDF)</h2> <div class="essay-list"> <!-- Replace filenames with your actual PDF filenames --> <a href="Essays/Cosmic Logical Dichotomy_ 01-19-10.pdf" target="_blank" rel="noopener">Cosmic Logical Dichotomy</a> <a href="Essays/Ententional Phenomena _07-31-12.pdf" target="_blank" rel="noopener">Ententional Phenomena</a> <a href="Essays/Hartung_Freewill_Determinism_121496.pdf" target="_blank" rel="noopener">Hartung_Freewill_Determinism</a> <a href="Essays/In_Pursuit_of_a_Rational_God.pdf" target="_blank" rel="noopener">In_Pursuit_of_a_Rational_God</a> <a href="Essays/Intelligent Evolution Essay_Prego_120106.pdf" target="_blank" rel="noopener">Intelligent Evolution Essay_Prego</a> <a href="Essays/Intelligent Evolution_Glossary _11-16-09.pdf" target="_blank" rel="noopener">Intelligent Evolution_Glossary</a> <a href="Essays/Moral Progress_Evolution of Ethics_09-04-93_rev 03-25-10.pdf" target="_blank" rel="noopener">Moral Progress_Evolution of Ethics</a> <a href="Essays/My Accounts 2020.pdf" target="_blank" rel="noopener">My Accounts 2020</a> <a href="Essays/NDE Definition_article.pdf" target="_blank" rel="noopener">NDE Definition_article</a> <a href="Essays/Rational Reasons for God_ summary 04-05-08.pdf" target="_blank" rel="noopener">Rational Reasons for God_ summary</a> <a href="Essays/SocialDarwinism.pdf" target="_blank" rel="noopener">SocialDarwinism</a> <a href="Essays/Spontandeity.pdf" target="_blank" rel="noopener">Spontandeity</a> <a href="Essays/Well Window and Will_poem 1994.pdf" target="_blank" rel="noopener">Well Window and Will_poem</a> </div> </section> <section> <h2>Images</h2> <div class="images"> <!-- Replace filenames with your actual image filenames --> <img src="images/120px-Greek_letter_uppercase_Phi.svg.png" alt="120px-Greek_letter_uppercase_Phi" /> <img src="images/image2.png" alt="Image 2" /> <img src="images/image3.jpg" alt="Image 3" /> <enformat@bothandblog.enformationism.info/public_html/gnomon/images> </div> </section> <section> <h2>Smilies</h2> <div class="smilies"> <!-- Replace filenames with your actual smilies --> <img src="Smilies/Embarrassed smilicon.jpg" alt="Embarrassed smilicon" /> <img src="Smilies/Grin.gif" alt="Grin" /> <img src="Smilies/Happy.gif" alt="Happy" /> <enformat@bothandblog.enformationism.info/public_html/gnomon/smilies> </div> </section> </body> </html>
Alfred wrote:

Your ‘Contents of Index’ screenshot shows the text contained in the file ‘index.html’. It would be easier to work with the text rather than a screenshot of it, but I see that there’s a reference to ‘/public_html/gnomon’ near the end. Although the  ‘BlueHost File Manager’ screenshot purports to show the contents of the ‘public_html’ folder, there’s no ‘gnomon’ subfolder listed there. That subfolder has been mentioned previously, but I still don’t know where it is.

I could copy & paste 191 filenames from BlueHost FileManager, but they wouldn't be in the prescribed format, which begins with a back arrow. My keyboard doesn't have a back arrow key, and the shortcuts I found on the net don't work.

I could edit the Index in BlueHost FileManager or in WinSCP. But I don't know how to do the formatting, such as the back arrow.

I don't know how to show you the Index Text except as a screenshot.

Here's a screenshot of the Images section of the Index_HTML. The full URL address for the Index is near the bottom.
The BlueHost tech added the three images shown, but left the rest up to me :
https://i.postimg.cc/kV65RTRp/Images-section-of-Index-HTML-on-Win-SCP.png

Gnomon subfolder is near the bottom of the list under Public_HTML
https://i.postimg.cc/N5XF0JTP/Gnomon-subfolder.png

Partial list of Images
https://i.postimg.cc/QB8c1GJ8/Partial-list-of-Images-on-FTP-site.png

Alfred wrote:

What files and subfolders do you have in the ‘public_html’ folder?


BlueHost File Manager
https://i.postimg.cc/bsxKYKYM/Blue-Host-File-Manager.png


Contents of Index
https://i.postimg.cc/Vd8VhD94/Contents-of-Index-HTML.png

Alfred wrote:

Is there a particular reason why the ‘images’ folder is a subfolder of the ‘gnomon’ folder?

This folder is just a storage site for old essays and images. The images were added one by one over many years using WinSCP client for FTP files. I no longer use the the Essays or Smilies, but I continue to use the images in my WebPlus essays and forums.

Since I don't use WordPress, the BlueHost techs won't touch the Index file.

As you suggested, I could ZIP the list of images. But I don't know how to do that in WinSCP.
In BlueHost File Manager, I could do "select all", then "Move To", and send the 191 files to the Index folder. But I assume the list can't just go just any place in the Index file.

How can I ZIP 191 files in BlueHost File Manager?
https://i.postimg.cc/rRtrT1SC/Partial-list-of-Images-on-FTP-site.png


I don't know how the Index file works.
I guess I'll have to "Copy" and "Send To" "Index_HTML" in File Manager, for all 191 files. I'll try it for a few, and then see if the images show up in the browser.

Thanks for the suggestions. I'm too old to learn WordPress, so I'm trying to hang-on with my orphan software until rigor mortis sets in.

Ali wrote:

I should think that a fresh publishing of the whole site would rectify any issues.

Thanks for the suggestion. Sorry to bother you with my little non-commercial unprofessional problems.

Unfortunately, I originally created the Essay & Image storage site about 15 years ago, and on an older computer. So, I no longer have access to the original WebPlus file. I stopped adding Essays to the list long ago, but I continue to add images for use in new essays, and on forum posts.

That's why I asked the BlueHost Chat tech to recreate the Index file for me. It now works fine in my FireFox browser, but there were too many images for him to add them to the Index. I asked Alfred above, if there is a way to add the images as a group, instead of as 191 separate files. Meanwhile, I can access & open the image files in my FTP client. But that's not as convenient as using my browser.



This is what the Index looks like in my browser, with only one image, and a few smiles. I don't need the smiles anymore.

https://i.postimg.cc/bDy5HdYD/Index-without-Images.png


This is part of the list of images as displayed on WinSCP, my FTP client :

https://i.postimg.cc/mhDHKRt7/Partial-list-of-Images-on-FTP-site.png

Alfred wrote:

Your hosting provider doesn’t need to support WebPlus specifically. If you use the built-in FTP uploader it should all just work as long as the host supports the FTP variant that you’re trying to use, and there’s always the alternative of publishing to a local folder on your PC and then using a third-party program such as FileZilla to upload the published files.

Please note that ‘index.html’, ‘Index.html’ and ‘Index.HTML’ all refer to different files unless you’re using Windows hosting.

Actually, the filename is "index_HTML". And I use WinSCP (FTP client) to upload and download files to the BlueHost site. And that worked well for about 15 years, until the Index file mysteriously disappeared. So I couldn't access the stored files with my FireFox browser.

A BlueHost tech has recreated the Index_HTML file for me. And the list of essays is now accessible. But I had hundreds of images on the site, so he left it up to me to add them to the Index. Now I need to know how to add 191 images to the Index, as a group, instead of one by one. I'm still wondering about that.

In the meantime, I can use WinSCP to access & open each image. But it's not as convenient as using my browser.


This is what the Essay & Images site looks like in my browser :
https://i.postimg.cc/bDy5HdYD/Index-without-Images.png

I've used BlueHost for many years to put my non-commercial essays online. But when something goes wrong, the techs say they only support WordPress. They tell me to contact the Developer. But the developer was WebPlus. And my software is an orphan.


After many years on BlueHost an Index.HTML file has disappeared, and the tech says he can't replace it. It's a small simple file, and I found a sample online. But I don't know exactly what to put where.


Do you know of any host that can support WebPlus?

19

(28 replies, posted in General Discussion)

Alfred wrote:
Ali wrote:

The only way to do [text wrap] is manually by eye.

What she said! And as Andrew has pointed out:

TryMeadowWeaver wrote:

Text reflows based on screen size, browser, font rendering and user settings, so what you see in the editor is always a best-case preview.

You can’t possibly cover all bases, but at a minimum you should view your web pages in Safari, Firefox, and a Chromium-based browser, so that you can compare the different handling by the main browser engines (WebKit, Gecko, and Blink, respectively). Safari for Windows hasn’t been updated in very many years, so it probably isn’t worth the bother, but it’s the default browser on Apple devices.

Thanks. During a project I frequently view it in Firefox to see how it looks in a browser. And I when I finish a project, I also look at it in Microsoft Edge, and seldom find significant differences.

But I still insist that I used to be able to flow text around an embedded picture. I have several instances on similar past pages. But my senile brain can't remember how it was done. And HELP is no help.

20

(28 replies, posted in General Discussion)

TryMeadowWeaver wrote:

So to answer your question directly, there isn’t really a cheap trick that makes HTML behave like print-style WYSIWYG. The closest you can get is avoiding justification, keeping comfortable line lengths, and accepting some reflow as inevitable. Anything beyond that needs more modern layout control than WebPlus can provide.

Thanks, that summarizes what I have learned the hard way over many years. I started long ago with PagePlus, and soon found that WebPlus had significant limitations. But, because I'm sort of perfectionist, I work long & hard to fix what some might consider to be minor problems. I am a retired Architect, visually & proportionally oriented, so there's that. But, too old to invest time & money in new software.

21

(28 replies, posted in General Discussion)

I think having the heading centre-aligned with the picture (as in the first example) looks better, but the blank line before ‘I coined the term’ (as in the second example) is also needed.

On a stylistic note, why do you have ‘Either-Or’ in the heading but ‘Either/Or’ in the body text, and why have you used the camel-case form ‘BothAnd’ (instead of ‘Both-And’ or ‘Both/And’ to match one or the other of the above)?

The illustrations are just two of several attempts to make text flow around the picture. I have forgotten how I used to do it, so these both show imperfect results. If I can find a way to make text flow around the image, I'll then deal with alignment of the title.

I started with PagePlus many years ago, and later migrated to WebPlus. Since my webpages are mostly for my own private use, and I don't get paid for doing this, and I only do a new blog post on occasion, I've never been forced to learn much about how WP8 works "under the hood". And, yes, I am painfully aware of the limitations of HTML, but I still strive to emulate printed text, for my own satisfaction. I am my own editor.

The BothAnd spelling is an idiosyncrasy of my philosophical blog. The Either-Or and Either/Or discrepancy is a result of two operations separated by an interval of time. The body text was copied and pasted from a separate page.

Any suggestions for reminding this "old dog", and amateur WP user, of how to wrap text around a picture?

22

(28 replies, posted in General Discussion)

Alfred wrote:
Ali wrote:

There never was any flowing text in WebPlus, only in PagePlus.

It was to be expected that the text in the published HTML would be static, but I’ve never understood why WebPlus didn’t have reflowable columns and linked text frames available in Design View.

This is another example of the problem with HTML text and images. I used to automatically flow text around images but I've forgotten how to do that. And WP Help is no help. So, I try to do it manually.


The top image below is what it looks like in WebPlus8. In this case, I simply indented the text on each line individually. I wasn't able to make the text auto-flow around the picture. The bottom image is what it looks like in a browser. Not WYSIWYG.

What am I missing?


https://i.postimg.cc/McpLQ8wn/Both-And-in-WP8.png

https://i.postimg.cc/rdwHrLTs/Both-And-in-browser.png

23

(28 replies, posted in General Discussion)

Alfred wrote:
APoster wrote:

I'm not in a position to buy Affinity or WordPress or other alternatives.

The product from WordPress.org is an open-source publishing platform, and even the commercial site WordPress.com offers a free plan.

Thanks, but I'm an 80 year old dog, not inclined to learn new tricks. Declining into senescence and obsolescence. I was hoping there was cheap-fix for WebPlus that wouldn't require much learning. But I still have enough energy to go back and manually insert hyphens to make lines and paragraphs come out right.

24

(28 replies, posted in General Discussion)

Many years ago, when I started using Serif PagePlus and WebPlus, a major attraction was the promise of WYSIWYG : what you see in the app is what you will see on the webpage. That was true to some extent, but I've always been disappointed to learn that HTML was designed for strings of text, not for traditional paragraphing. Hence, pages created on PagePlus typically looked good. But on WebPlus, the paragraphs are either ragged (left align), or forced-to-fit by adding space between words (justified). Consequently, when I export to a browser, what I get is not what I saw in the app. The bottom line is that the pages do not look neat & trim like printed pages. And the bottom line is often chopped-off by the text box. I assume this is not news to longtime users. So, they may just accept the raggedness as inevitable.

However, being a perfectionist, I have labored mightily to manually add & subtract word & paragraph spaces, or to replace longer words with alternatives just to make the paragraph look right, or to squeeze the text box just the right amount, in hopes of making the webpages look professional. (Note : I am not a professional) But I'm hoping that someone has discovered a less laborious method for producing pages comparable to magazine text. I'm not in a position to buy Affinity or WordPress or other alternatives. Does free Quill work with WebPlus? What's your cheap trick for making HTML look like WYSIWYG?

25

(7 replies, posted in WebPlus)

Problem solved. Popup now works. Thanks for your offers of help.


The text & box were grouped, but I had made the visibliity for only one of the two.

Now the "Click Here" text refers to both hidden Text and Box. So the group now appears when clicked.

I knew it was something stupid, but had to be challenged to find the glitch.