Date   

Re: Inaccessible images

Bert Green
 

Update: I found that trying to locate the files using the content tab in the box inspector did not work, it would find the file and the path is correct, but the file remains inaccessible. This was true using the Resources panel as well.  However, when I restarted the computer (I'm using a 2014 MacBook Pro on Mojave), I was then able to locate and reset the status of the inaccessible files.

After working again for a short while, files would again begin to appear as inaccessible in the Resources panel, and again, after a restart, I was then again able to locate and reset the status to OK.

Only reason I'm still on Mojave is that I need to run Freeway until I can get this site up and running, then I can make the switch to Big Sur, and soon, to a new Mac (no looking back at that point!).


Inaccessible images

Bert Green
 

I've been rebuilding my old Freeway site in Xway from scratch, and it's going very well. With the ability to use Flexbox in extended mode I am able to create a site that will be as fully featured as my old Freeway site, although I still have to wait for features like Master pages, character styles, and upload. But for now I have good workarounds.

I have come upon a strange problem, however. I have been importing images into my pages with no problems until today, when I have found that some of the images I need are showing up as "inaccessible" after being imported into a box. Instead of the image, I get a grey box with a question mark.

I tried to create new folder and place the images in that folder, thinking it was a permissions issue, but the same thing happens.

When I created a template page I put placeholder images into a layout and when I create a new page I copy the template into a folder, then replace the placeholder images with the ones I need for that page. Although the path to the original template image is still intact, it also shows as inaccessible now as well.

Any ideas?


Re: Superimpose links onto graphics

Jeremy Hughes
 

Adjusting the padding in this way is fine - but if you want a way to calculate it, you can use the following formula:

Padding = (Image Height ÷ Image Width) × 100.

For a 1024 x 768 image, this gives a padding value of 75%

Jeremy


Re: Superimpose links onto graphics

Fred Kotler
 

Jeremy, thanks for the detailed instructions. Following them I was able to add in overlay link boxes onto the maps on my website. Since my maps are not to any particular width/height ratio, I found that the bottom padding should be adjusted to whatever value prevents any content below the map from overlaying the map. The completed Xway version of my site now recreates its predecessor Freeway site with the added advantage that it now scales properly in vertical and horizontal orientations on devices from iPhone to iPad and 27 inch iMac. Xway is already a great product and I look forward to your continuing to add features.

On Jun 21, 2021, at 9:14 AM, Jeremy Hughes <jeremy@...> wrote:

Hi Fred,

One problem with image maps is that they don't scale on mobile devices. However, it's possible to use CSS to create a similar effect (which will scale):

  1. Insert the image within a div: in Xway, insert an empty container box (which will default to a div) and insert an image within this empty box.
  2. Set the div wrapper to have 75% bottom padding (for 4:3 aspect ratio, e.g. a 1024x768 image).
  3. Set the width of the image to be 100% (and remove any maximum widths or heights)
  4. Set the image position to be absolute (choose Absolute in the Position popup in the Style section of the Box Inspector).
  5. Insert another box within the box that contains the image (select the image in Xway and choose Box from the Insert menu or click on the Box tool)
  6. Set this box to have absolute position
  7. Give this box a percentage width and height (e.g. 25%): you can resize it later
  8. Give it a percentage left and top position (e.g. 5%): you can move it later
  9. Remove any minimum widths or height
  10. Position/resize the box to be where you want it
  11. Give it a link (and border if you wish)
  12. Add other boxes and apply links in the same way
Jeremy


Re: Video formats

Walter Lee Davis
 

MOV is a container format, and may contain many different video and audio encoding schemes internally. It's possible that you had a MOV container that encapsulated an MP4 stream, and so renaming the container didn't present a huge compatibility issue for the browser trying to play it in. It's likely that there are many browsers (or versions thereof) that would choke on it, too. There are applications (the free Miro Encoder is one I use) that allow you to drag-n-drop a video of nearly any source format and transcode it to another format, with all the legal headers and data streams intact. I would not rely on a hack like this if you worry at all about it working anywhere besides your Mac.

Here's an excellent breakdown of how this all works: http://diveinto.html5doctor.com/video.html

Walter

On Jun 21, 2021, at 6:47 AM, Jeremy Hughes <jeremy@softpress.com> wrote:

.mov is a QuickTime file format, and is the format from which MP4 was developed.

There may be a degree of compatibility between the two formats, so it's possible that renaming .mov files to .mp4 will work (as Jerry suggested) - although I think it would be a good idea to test this on different browsers.

Jeremy


Re: Superimpose links onto graphics

Jeremy Hughes
 

Hi Fred,

One problem with image maps is that they don't scale on mobile devices. However, it's possible to use CSS to create a similar effect (which will scale):

  1. Insert the image within a div: in Xway, insert an empty container box (which will default to a div) and insert an image within this empty box.
  2. Set the div wrapper to have 75% bottom padding (for 4:3 aspect ratio, e.g. a 1024x768 image).
  3. Set the width of the image to be 100% (and remove any maximum widths or heights)
  4. Set the image position to be absolute (choose Absolute in the Position popup in the Style section of the Box Inspector).
  5. Insert another box within the box that contains the image (select the image in Xway and choose Box from the Insert menu or click on the Box tool)
  6. Set this box to have absolute position
  7. Give this box a percentage width and height (e.g. 25%): you can resize it later
  8. Give it a percentage left and top position (e.g. 5%): you can move it later
  9. Remove any minimum widths or height
  10. Position/resize the box to be where you want it
  11. Give it a link (and border if you wish)
  12. Add other boxes and apply links in the same way
Jeremy


Re: Video formats

Jeremy Hughes
 

.mov is a QuickTime file format, and is the format from which MP4 was developed.

There may be a degree of compatibility between the two formats, so it's possible that renaming .mov files to .mp4 will work (as Jerry suggested) - although I think it would be a good idea to test this on different browsers.

Jeremy


Re: Video formats

Geoff Mullett
 

I never knew that!
Thanks all.
Geoff


Superimpose links onto graphics

Fred Kotler
 

In Freeway, I was able to superimpose transparent graphic boxes with dashed edge lines onto sections of a graphic and then link the box to a different page so a user could navigate by clicking on a map. Is this possible in Xway and if so, how do I do it?


Re: Video formats

grantsymon
 

FWIW...

If you want to make a smaller version of your movie i.e. pixel dimensions, you can 2-finger-tap a .mov file in the Finder (contextual menu) and go to the Services menu, where you will find, in typically hidden Mac fashion, a menu option 'Encode Selected Video Files', from where you will be offered a choice of options.  They will still have the .mov extension, but as Jerry says, just change it to mp4.


Re: Video formats

Jerry Jambazian
 

You don’t have to convert in iMovie. A waste of time.

Just change the .mov to .mp4

 

From: <xway-talk@softpress.groups.io> on behalf of Geoff Mullett <geoff10a@...>
Reply-To: <xway-talk@softpress.groups.io>
Date: Thursday, June 17, 2021 at 6:22 AM
To: <xway-talk@softpress.groups.io>
Subject: [xway-talk] Video formats

 

The videos I add to my xway website are recorded in .MOV format, so I have to change them in iMovie to get them into mp4 format to be accepted by xway. Is the .MOV format non-standard for Apple? They open OK in Quicktime.
Thanks
Geoff 


Re: Video formats

Walter Lee Davis
 

Browsers no longer include the QuickTime plug-in, so they can't play MOV directly. However, MP4 is an Internet standard, and browsers play that natively, without any help from plug-ins.

Walter

On Jun 17, 2021, at 9:22 AM, Geoff Mullett <geoff10a@gmail.com> wrote:

The videos I add to my xway website are recorded in .MOV format, so I have to change them in iMovie to get them into mp4 format to be accepted by xway. Is the .MOV format non-standard for Apple? They open OK in Quicktime.
Thanks
Geoff


Video formats

Geoff Mullett
 

The videos I add to my xway website are recorded in .MOV format, so I have to change them in iMovie to get them into mp4 format to be accepted by xway. Is the .MOV format non-standard for Apple? They open OK in Quicktime.
Thanks
Geoff 


Re: disappearing pdf resource pages

Art Liestman
 

After making some other changes, I finally got the new version of my website done and uploaded today.  My host suggests using Fetch to do the upload from a Mac and it did work, but because of my limited understanding of things I had to contact their support to move a few files around so that it would work.  That problem was entirely due to my limited knowledge, but I look forward to eventually being able to replace just the changed pages during a website update.  I used to do that in Freeway and it let me be more confident about doing regular updates.  That said, I'm figuring this out and like the results from XWay.  Thanks again for the help.  This group is valuable and I appreciate the quick responses!


Re: Evenly distribute boxes across a page

Fred Kotler
 

Thanks again. Your suggestion works perfectly.

On Jun 15, 2021, at 6:07 PM, Jeremy Hughes <jeremy@...> wrote:

You can set a link on an entire box, but this creates a situation in which the link is the parent of the box. This will probably affect the way that elements are distributed (not a bug, just the way that HTML/CSS works).

The simplest way to work around this could be to embed the linked box within another box - and apply flex attributes to the outer box.

Jeremy


Re: Evenly distribute boxes across a page

Jeremy Hughes
 

You can set a link on an entire box, but this creates a situation in which the link is the parent of the box. This will probably affect the way that elements are distributed (not a bug, just the way that HTML/CSS works).

The simplest way to work around this could be to embed the linked box within another box - and apply flex attributes to the outer box.

Jeremy


Re: Evenly distribute boxes across a page

Fred Kotler
 

Thanks Jeremy.
I was able to get this to work once I figured out that to create daughter boxes, I first need to click in the parent box before inserting additional boxes. I was successfully able to insert text into each box and link the text to an external page. The one problem I had was that I wanted to link the entire box, not just the text within it. When I did that, the box dimensions when previewed in a browser and the spacing between boxes changed. Is it not possible to link an entire box, am I doing something wrong or is this a bug?

On Jun 15, 2021, at 2:26 PM, Jeremy Hughes <jeremy@...> wrote:

Hi Fred,

Flexbox is definitely the way to do this. The boxes don't have to be at the top of the page - we used it for the boxes that are near the bottom of the Xway page on our website:

https://www.softpress.com/xway/

I'd suggest reading:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

You can also look at the source for our Xway page.

We are planning to provide direct support for flexbox in a future version of Xway.

Jeremy


Re: Evenly distribute boxes across a page

Jeremy Hughes
 

Hi Fred,

Flexbox is definitely the way to do this. The boxes don't have to be at the top of the page - we used it for the boxes that are near the bottom of the Xway page on our website:

https://www.softpress.com/xway/

I'd suggest reading:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

You can also look at the source for our Xway page.

We are planning to provide direct support for flexbox in a future version of Xway.

Jeremy


Evenly distribute boxes across a page

Fred Kotler
 

I have gone through the Xway tutorial and attempted to recreate an existing Freeway site. In general the process was straightforward and the results satisfactory. But one feature of my Freeway site that I could not reproduce was a row of five graphic boxes each containing text and each linked to a different page in the site. I recognize that Xway does not support empty graphic boxes but the larger problem is that I want the boxes spread evenly across the page. Short of creating graphics in a separate program, how can this be accomplished?

Subsequently I found a message on this site “Flex Box Tips” which seemed to be a solution to my problem. Following the instructions, on a blank page, I was able to create boxes that spread evenly across the page but this only worked when the items were directly below the pagediv at the top of the page.

I could not get this to work when I wanted the boxes lower down on the page. Basically I could not create a container box that then had multiple daughter boxes. Is this possible? Will this be possible in a future version of Xway?


Re: Text handling

Bert Green
 

Works like a charm, thank you very much. I was unaware of the persistence of the control/return character, that is very helpful.

I decided to try my hand at re-building my entire site in Xway over the next several weeks so I'll let you know if I come across any issues.

41 - 60 of 922