Responsive Row Revamped in EverWeb 3.7!

May 26th, 2022

If you are designing a responsive website in EverWeb, you are most likely to have used the Responsive Row widget at some time in your page design. This venerable widget debuted in EverWeb 2.8 when we launched responsive website design capability. The Responsive Row widget came along with the FlexBox, Text Section and Responsive Image Gallery widgets providing core functionality to EverWeb’s responsive page design feature.

The Responsive Row widget is a unique in that it is the only widget that you can contain another widget and this is also its main purpose. When designing a responsive website, there may be times where you might want to use a fixed width widget, for example, the PayPal or FaceBook Like widget. The fixed width nature of these widgets means, however, that they cannot be used on their own and so need to be placed within a container – the Responsive Row widget.

This is not to say though that the Responsive Row widget is limited to use with fixed width widgets. You can add any widget in to it e.g. you might want to group FlexBox, or Text Section, widgets together in a row. Furthermore, the widget is great for full width background images, spacing objects and for padding when using widgets that do not have their own top and bottom margins options. You can even create slide shows too using the recently introduced Fill Slideshow option.

Remember, though, that there are also plenty of times where using a Responsive Row widget can be complete overkill. Check out our blog ‘Responsive Row: To Use or Not To Use’ to find out how to work smart with the widget!

Responsive Row Gets Visual!

One of the goals for EverWeb 3.7 was to make the Responsive Row widget easier to use so that you could better see the objects that you were moving around within a Responsive Row or if you were moving objects from one Responsive Row to another.

With this in mind, EverWeb 3.7 now displays the object you are moving as you move it. If you select more than one object in the Responsive Row to move to a different location within the Responsive Row, you will now see that the selected objects are visually stacked as you move them ‘en-masse’. This makes dragging and dropping objects much easier and intuitive to do than previously. The same principle applies if you are moving on or more objects between one Responsive Row and another.

Secondary Clicking Options

The second goal improving the Responsive Row widget in EverWeb 3.7 was to make it easier to remove objects from a Responsive Row. As you ma know already, you can right click on objects in a Responsive Row widget to select, and move, them to other Responsive Row widgets. In EverWeb 3.7 you can now detach an object from a Responsive Row by secondary (right) clicking on the object you want to remove from the Repsonsive Row, then selecting the ‘Remove from Responsive Row’ option. The object will now be ‘detached’ from the Responsive Row and will become a free floating object.

More Help and Tips!

The final goal third goal for the Responsive Row, and EverWeb in general, with version 3.7 was to improve context sensitive help. You may also have noticed that generally in EverWeb 3.7 there are more context sensitive help dialog boxes. Most of these dialog boxes can be checkboxed so that you do not see them again if you don’t want them visible again. If you change your mind later on, you can reverse this by going to the EverWeb-> Preferences-> General menu option and click on the “Reset ‘Don’t Show Again’ Dialogs” button which is also new EverWeb 3.7 feature.

The wider use of context sensitive messages in EverWeb 3.7 also extends to the Responsive Row widget! We also added a new message box for when you add a Responsive page to your site. You now see a brief description of what a responsive site it and that you can use the Responsive Row widget within your responsive page design if you need to.

We hope that the changes to the Responsive Row widget and the addition of more context sensitive help makes working on responsive pages even easier than before. Let us know what you think in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

What’s New in EverWeb 3.7.1: Edit Links, Follow Links, Social Media Sharing and More!

May 6th, 2022

 

Although EverWeb 3.7.1 is primarily a maintenance and stability release, we’ve added new features to help you follow the links that you have added to your site and to make editing your links easier. There’s also improved social media sharing and improvements to the Fill: Slideshow feature. A full list of what’s new, improved and fixed in EverWeb 3.7.1 is below.

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running an Intel Mac running OS X 10.10, macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave, Catalina, Big Sur or Monterey EverWeb version 3.7.1 is available for you.
  • If you are running an Apple Silicon Mac running macOS Monterey or Big Sur, EverWeb version 3.7.1 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

EverWeb 3.7.1 Includes…

[NEW] Blog posts will use your Post Image as the image that appears when sharing to Twitter, Facebook, LinkedIn and all other social media platforms.

[NEW] The Blog Post Title will be used when sharing each post on Social Media.

[NEW] Secondary (Right) click has an “Edit Link” option.

[NEW] Secondary (Right) click-> Follow Link works for shapes with a link and navigation bar.

[NEW] Follow link option works for links set to “next” and “previous”.

[NEW] Template Settings Window will now find and copy widgets to the project file (holding down option and going to the File menu->Template Settings).

[NEW] Opening a project that has widgets in it will ask to install them.

[IMPROVED] When you drag an image over shapes set to “Image Fill” or “Slide Show” you will see an indicator that you can drop the images in there.

[IMPROVED] Slide Show fill objects accept image files being dropped on it. They will be added to the Slide Show.

[IMPROVED] You can now click the pagination button ellipses at the bottom of the Slide show object to switch between slides.

[IMPROVED] The Section labels that appear when dragging objects around will disappear after 2 seconds automatically and will show up less frequently.

[IMPROVED] Shape Options-> Fill-> Parallax Scrolling option has been merged in to the Fill section.

[IMPROVED] The Contact Form widget’s Widget Settings now includes the label ‘Simple Contact Form’ at the top of the settings.

[FIX] Fixed a bug with right/center aligned text in a text object “jumping” when trying to edit it.

[FIX] Fixed shadow code on European OS.

[FIX] You can no longer link a Navigation Menubar object.

[FIX] The Fill Slide Show left arrow button works properly when clicked upon.

[FIX] Fixed a potential crash with the RSS Feed Widget.

[FIX] Fixed a scrollbar issue in Inspector.

[FIX] The Contact Form widget’s default height has been increased.

[FIX] OG tags now work properly for blog posts.

How To Update To EverWeb 3.7.1

You can easily update EverWeb by either:

  1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
  2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb Standalone free update period from EverWeb’s Preferences window or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

  • The EverWeb website which has up to the moment information in it’s blogging section
  • New EverWeb videos on YouTube
  • The EverWeb User Manual in EverWeb’s Help-> User Manual menu
  • The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. We’re happy to help.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Discover NEW and Improved Hyperlinking Features in EverWeb 3.7!

May 6th, 2022

Hyperlinking in the recently released EverWeb version 3.7 adds some great new, and expanded, capabilities to the stalwart feature that’s been around since the very first EverWeb release.

Hyperlinking is an essential, integral part of building your website as most website developers will want to add links to other pages in their site, to pages in an external site, to a file, or link to an email app. All these features debuted with EverWeb 1.0 and since then EverWeb’s added a number of other hyperlink related features which we will outline below as most features have been enhanced with the release of EverWeb 3.7. We begin, however, with a brand new hyperlinking feature: Force Download.

EverWeb’s New Force Download Option

Prior to EverWeb version 3.7, if you set up a link to a file, such as a PDF file, when you clicked on the associated link, the file would open in the browser window. If you wanted to save the file, you could do so at this time. In EverWeb 3.7, you now have the ‘Force Download’ option which automatically downloads the file to your visitor’s device when they click on the associated link. This is very useful as it saves the step of the visitor having to view and manually download the file. One thing of note if you use Force Download is that the feature depends on whether the browser in use allows for this function. Some browsers may not support the feature or allow you to customize the browser settings to stop such downloads.

To use Force Download, just tick its checkbox in the Hyperlinks Inspector or in any other hyperlinking dialog boxes within EverWeb.

‘Nofollow’ for Links You May Not Trust…

The ‘nofollow’ option was introduced in to EverWeb with version 1.9 and instructs search engines NOT to visit the site, or rather, not to ascribe credit to boost the ranking of the destination site based on the link. Check the ‘nofollow’ checkbox when you need to have the link but want to exclude it from SEO crawls as you do not have confidence or trust in the linked site.

The ‘Nofollow’ checkbox appears in the Hyperlinks Inspector and In EverWeb 3.7 is now included in all hyperlinking dialog boxes.

Choosing Your Link Behavior

Since EverWeb 1.9 you have been able to open a hyperlink in the current browser window, a new browser window or in a popup window. These features are now available in all hyperlinking dialog boxes within EverWeb.

Easier Scroll Position Linking

The last hyperlinking feature is Scroll Position where you can create two types of links for on your page. The first is where you ‘Insert Fixed Scroll Position‘ on the page which should only be used for Center or Left Aligned Page Layouts. The second type of Scroll Position, ‘Set Selected Shape as Scroll Position‘ allows you to link to an object on a page such as a TextBox or shape. This type of Scroll Position can be used on both fixed width page layouts and Responsive Page Layouts.

Prior to EverWeb 3.7, if you wanted to add a link in a widget using the ‘Link’ button, or via the Styled Text Editor within a widget, you would need to ‘hardwire’ the link using the URL field in the hyperlinking dialog box. In EverWeb 3.7, you no longer need to do this, as the hyperlinking dialog boxes now all include a ‘Position’ field which will display the Scroll Position names for the page you have selected. This makes linking a lot easier when using Scroll Position.

Hyperlinking Dialog Boxes

All of the above mentioned features are available in the Hyperlinks Inspector tab of the Inspector Window. Depending on the context of what you are linking to e.g. a page, a file or an email, some options may, or may not, be available for you to use.

Where EverWeb 3.7 differs from previous versions is that the features of the Hyperlinks Inspector are now available when you click on the ‘Link’ button within widgets, or when you click on the Hyperlink button in the Styled Text Editor within a widget that includes e.g. the FlexBox or PayPal Widget.

If you are creating a link in a blog post, you can use the hyperlink button in the Blog Post Editor Window’s Toolbar, although this will only give you options to quickly set up a hyperlink. If you need to use any of the above options in a Blog Post, highlight the text or image you want to link to, then go to the Hyperlink Inspector and check the ‘Enable as Hyperlink’ box to make all of the hyperlinking options available for use.

…and There’s More to Come!

EverWeb’s 3.7’s new Force Download feature and improved hyperlinking throughout the app will make linking much easier and more flexible for all EverWeb users. But stay tuned as we are planning more updates for hyperlinking in an upcoming EverWeb release!

if you have any questions about Hyperlinking in EverWeb, or any EverWeb related questions, please let us know in the Comments Section below. We’re happy to have you comments and feedback and to answer any questions you may have.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

What’s New in EverWeb 3.7: Responsive Row Improvements, New Hyperlinking Options, Optimizations and Much More!

April 25th, 2022

We are incredibly excited to announce the release of EverWeb 3.7! New features are now included for hyperlinking using there Hyperlinks Inspector, Scroll Position and within Widgets supporting hyperlinks. There’s also a visual makeover for the Responsive Row widget making adding, moving and deleting objects more intuitive, plus some improvements for the Contact Form Advanced widget and Quantity Discounts are now available in the PayPal widget. Plus lots of optimizations and future improvements making EverWeb 3.7 the best version yet!

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running an Intel Mac running OS X 10.10, macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave, Catalina, Big Sur or Monterey EverWeb version 3.7 is available for you.
  • If you are running an Apple Silicon Mac running macOS Monterey or Big Sur, EverWeb version 3.7 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

EverWeb 3.7 Includes…

[NEW] Force download option under hyperlink tab in Inspector. So it will tell the browser to download a PDF file for example rather than load it in the browser.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now link to a popup window, another window and to an anchor.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor now include a nofollow.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now include a force download option (where supported by the browser).

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor now support Scroll Position directly in the dialog box making it easier to link to any position in a page.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now link to First/Next/Previous/Current page.

[NEW] You can now drag and drop images into the Fill SlideShow list from the Finder.

[NEW] You can now drag and drop images onto Fill option -> Slide Show.

[NEW] The PayPal Widget has added an ‘Apply Discount to Quantity’ option.

[NEW] Full width text objects now resize their height properly on responsive pages.

[NEW] Completely changed how Responsive Rows work so objects within them are more visual and dynamic.

[NEW] Backup preferences has a reveal in finder option for the backup folder.

[NEW] You can add a Required setting to dropdown menu controls in the Contact Form Advanced widget.

[NEW] Form submission emails now have a direct download to any file uploads for Contact Forms Enhanced users.

[NEW] The Site Publishing Settings screen now includes an Email Settings button so that you can easily see your email settings. You can copy and paste fields from this screen in to your own email app for easier email set up.

[NEW] Tips appear when dragging objects close to section boundaries advising you to hold down the Command key to move objects between sections.

[NEW] You can reset all ‘Don’t Show Again’ dialogs so they appear again using the EverWeb-> Preferences-> General menu option.

[IMPROVED] Better instructions when using Responsive pages and the Responsive Row widget.

[IMPROVED] Many of the dialog boxes in EverWeb are now in the macOS Big Sur style. For example, any OK/Cancel dialogs and all dialog boxes that have a ‘Don’t Show Again’ option.

[IMPROVED] Secondary (right) click-> Paste at Mouse Location in a responsive row will place the pasted object after the object underneath the mouse.

[IMPROVED] Text handling in TextBoxes has been improved.

[IMPROVED] How objects drag and drop within a Responsive Row widget.

[IMPROVED] Header/Footer code sections under Edit Publishing Settings are slightly larger.

[IMPROVED] Optimizations for getting very large widget previews (such as blogs).

[IMPROVED] Optimizations for Responsive Rows and opening older projects with Responsive Rows.

[IMPROVED] External links will remove any line breaks in the links if they are pasted in the field.

[FIXED] Duplicate and Copy menu items for blog pages are disabled appropriately.

[FIXED] Shapes set to anything except rectangle/round rectangle with no fill option and borders are exported properly.

[FIXED] Fixes password protection when the password is just a number or when you have the same password but different cases for the letters. In either case the password would be stored incorrectly.

[FIXED] A bug in the Contact Form widget and PHP 8.

[FIXED] The Asset file name in the assets list when Show File Info is selected will properly cut off the text so it doesn’t overlap the eye preview icon.

[FIXED] Fixed an issue with adding pages to a blog. You can’t do it anymore.

[FIXED] Fixed an issue with Contact Forms Advanced widget and the Placeholder field text in Firefox.

[FIXED] Undo for “Remove from Responsive Row” works properly.

[FIXED] The large gap that would appear below the blog main widget and the footer of the blog page.

How To Update To EverWeb 3.7

You can easily update EverWeb by either:

  1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
  2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb Standalone free update period from EverWeb’s Preferences window or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

  • The EverWeb website which has up to the moment information in it’s new blogging section
  • New EverWeb videos on YouTube
  • The EverWeb User Manual in EverWeb’s Help-> User Manual menu
  • The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. We’re happy to help.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Using Text in EverWeb’s Responsive Pages: Part Two

April 14th, 2022

In the first part of this blog post, we looked at the various ways in which you can add text to a responsive page in EverWeb and the effect of doing so on the page on different devices.

In this second part we look at how you create scaleable text in your web pages.

Creating Scalable Text in a Responsive Page Layout

If you want your text to scale according to the device that it is displayed upon, you will need to use EverWeb’s ‘Show on Device’ feature which you can find in the ‘Responsive section’ of the Metrics Inspector. Usually this section will be greyed out unless you click on an object in a Responsive Row, then the settings will become active. There are four options: Show on Mobile, Tablet, Desktop and Wide Desktop. By default all of these options are ticked.

We can use these options to create scaleable text. For each device type, we can create a TextBox that specifically suits that device. So for a mobile device you may want smaller text, slightly larger text for a Tablet, your ‘standard’ size text for a desktop and maybe a little larger text for wide desktops.

  1. First of all, add a Responsive page to your site or select a responsive page that already exists in your site.
  2. Next drag and drop a Responsive Row widget from the Widgets tab on to your page, or select a Responsive Row that already exists in the page, that you want to add scaleable text to.
  3. Make sure that the Responsive Row widget is selected.
  4. Now add a TextBox to the page using the TextBox button in the Toolbar. As the Responsive Row widget was already selected, the TextBox should be created as an object within the Responsive Row. The TextBox will appear as a fixed width object so will appear as a square TextBox within the Responsive Row. If you want to check, go to the Metrics Inspector where you will see the ‘Full Width’ box is not checked.
  5. If you have accidentally added a TextBox outside of the Responsive Row widget, it will appear as a full width object on the page. You can add this object back in to the Responsive Row by secondary (right) clicking on it, then selecting the ‘Embed In’ option. Choose the Responsive Row that you want. Note that the TextBox will still be full width, so to make it fixed width, go to the Metrics Inspector tab and uncheck the Full Width checkbox, then resize the TextBox to the size you want within the Responsive Row if you need to.
  6. Once you have added the TextBox in to the Responsive Row, add the text that you want to it. Style the text as you desire using the Fonts Panel which you can access from the Toolbar or by using the Cmd+T shortcut key.
  7. When setting the text size, set the size as you would if the text were to be displayed on a desktop device. This will give you a ‘baseline’ text size e.g. 18 point.
  8. Now that you havre established a baseline font size, it is also a good time to think about text sizes on other device types. You may want use the same text size on a tablet device. On a wide desktop, though, you may want a larger text size e.g. 20 point and on a mobile device you may want a smaller text size e.g. 14-16 point. You may also want to consider how to size text that’s used for page and section titles at this stage. Make sure that your text sizing scheme is consistent across all the pages you are using scaleable text on.
  9. Consider also the text itself that you have added to the TextBox. Do you want all of the text displayed on a mobile device or will you want to have less ‘detail’ and more ‘headline’ text only? Also for a wide desktop, maybe you have some additional text that you would like to add but did not have the space for on a desktop device. Again, we will come back to this soon.
  10. Now that you have your ‘baseline’ TextBox, make sure it is selected then use Cmd+D to duplicate it three times. You now have four TextBoxes, one for each device type.
  11. Set the Text font size for each TextBox and also remove or add text to the TextBoxes as appropriate for each device. For example, you could choose the TextBox on the far left of the Responsive Row to be the one for your mobile device. In this case, I might want to cut the amount of text down and set the font size for the TextBox title to be 18 point with the body text set to 14 point. The next TextBox to the right would then be for tablets, having e.g. title font size of 20 and body text size at 16 point with my ‘default’ amount of text. Continue the same way for the Desktop and Wide Desktop TextBoxes.
  12. Finally, select the TextBox you want to use for Wide Desktop. In the Metrics Inspector, go to the Responsive section and uncheck Desktop, Tablet and Mobile. Next select Desktop and uncheck Wide Desktop, Tablet and Mobile. For the Tablet TextBox uncheck Mobile, Desktop and Wide Desktop and finally for the Mobile TextBox uncheck Tablet, Desktop and Wide Desktop. You should see one TextBox on screen.
  13. Now either resize the EverWeb app, or Preview and resize the browser to see the text scaling up and down as you in increase and decrease the width of the browser or app window.
  14. For more information, check out our video on Show on Device.

Working with Text and Images

In the third part of this post, we will look at how you can work creatively with Text and other objects, such as images in a responsive page.

If you have any questions about this post, or about EverWeb in general, please let us know in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Using Text in EverWeb’s Responsive Pages: Part One

March 30th, 2022

Adding text in to a Responsive page design in EverWeb can be done in a number of different ways and also raises some interesting questions along the way. In this post, we’re going to look at some common scenarios and questions that we get on the forums and through our support team about text in a responsive page…

Adding Text to a Responsive Page

You can add text to a responsive page in a number of different ways:

  1. Adding a TextBox to the page
  2. Adding a TextBox within a Responsive Row widget
  3. Adding text within the Styled Text Editor of the FlexBox, Text Section or PayPal widget
  4. Adding text in to a widget that uses the Styled Text Editor inside a Responsive Row widget
  5. Adding text in to the Blog Post Editor

Some of the most common questions regarding the use of text are:

  1. How can I get my text to wrap?
  2. How can I get text to wrap with other objects?
  3. How can you change text size as you resize the browser window or when using vastly different device sizes?

TextBoxes and Text Wrap

Let’s start by looking at the simplest example: Adding a TextBox to a responsive page. When you add a TextBox, it will, by default, be created as a full width object, taking up the width of the page. Now, you could add a few paragraphs of text in to the TextBox so that you can see the effect of resizing the page on the TextBox. You can resize the page by grabbing a side or corner of the EverWeb app and making it larger or smaller. You will see the text in the TextBox wrap according to the width of the page. If you want, go to the Metrics Inspector tab and add a Left and Right Margin to the TextBox so that it will look better on the page when previewed or published. You can also force a limit to the width of the page by using the ‘Maximum Width’ field. This is useful when you do not want the text in the TextBox to be too spread out across the page. Usually you can leave this value at 0 and use the Left and Right Margin values, but it is worth experimenting with Maximum Width values of e.g. 600, 800 or 1000 to see the effect on the text in the TextBox.

TextBoxes, Responsive Rows and Text Wrap

The above example is the simplest scenario, so let’s now move on to what happens if you add a TextBox in to a Responsive Row widget. Start by adding a Responsive Row widget to the page from the Widgets tab, then click on the TextBox button in the Toolbar to add a TextBox in to the Responsive Row widget. Again, enter a few paragraphs of text in to the TextBox.

In this scenario, the TextBox is treated as a fixed width object within the Responsive Row widget. You can see this by going to the Metrics Inspector where you will see that the ‘Full Width’ checkbox is unchecked. You can also change the height and width of the TextBox as well. Try changing the width if the TextBox to 800, then resize the EverWeb app by grabbing one side, or corner, of the app and making it larger or smaller. You should see that the Full Width TextBox created in the first example wraps, but the TextBox in the Responsive Row does not wrap.

The reason that this happens is that the TextBox in the Responsive Row is a fixed width, so is ‘static’. We can, however change this if we want the text to wrap. Start by making sure the TextBox in the Responsive Row is selected. Next, go to the Metrics Inspector and check the ‘Full Width’ checkbox. The text will now take up the full width of the page. Set a Left and Right margin for the TextBox. Once you have done this, put a value in the ‘Maximum Width’ field e.g. 800. You will see the text reformat when you take these actions. Now resize the page again and this time, you will see the text wrap within the Responsive Row.

This is great way in which you can combine wrapping text with other objects in a Responsive Row widget.

The Styled Text Editor and Text Wrap

EverWeb’s Styled Text Editor appears in three of its built in widgets: The FlexBox, Text Section and PayPal widgets. The first two widgets can be used as full width objects or as fixed width objects within a Responsive Row widget. The PayPal Widget, though, always has to be placed as a fixed width object within a Responsive Row widget.

When using the FlexBox and Text Section widgets, you can customize how text wraps as you have maximum width fields available in both widgets. For the FlexBox widget you have even more control as each embedded object can have a maximum width value as well. For the PayPal Widget, you do not have these options so text will be fixed width only, so will not wrap.

So far we have looked at how to get text wrap in the most simple way with a single TextBox and how to integrate text wrapping in to text that you use within a Responsive Row widget.

In Part Two of this post, we will look at how you can create scaleable text in your web pages and how to integrate other objects such as images in to text.

If you have any questions about this post, please let us know in the Comments Section!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Getting The Most From EverWeb’s Backup and Restore Feature

March 17th, 2022

Backing up important files on your computer used to be an arduous task, but now there are more options available than ever before, and most of them are easy to use and hassle free. External SSD drives offer a great low cost option for backups (such as when used with software such as Apple’s Time Machine) and the availability of automatically backed up Cloud storage makes the possibility of losing our work less than ever.

The tools that we use such as word processors, spreadsheets and the like, also reduce the risk of losing anything more than a few characters or number entries though the use of Auto-Save features. So how does backing up, restoring and auto-saving work in respect to EverWeb? Let’s find out by first looking at the EverWeb Project file itself…

About EverWeb’s Project Files

When you create your website in EverWeb, its contents are stored in a ‘project’ file. When you create a new project, it is named as ‘New Website’ by default which you can easily change by using the File-> Rename Website menu option or by double clicking on the name ‘New Website’ in the Web Page List and entering a new name.

The name that you give to your project file in EverWeb is, in fact, an alias. Behind the scenes, the actual file name is made up of a unique, randomly generated, combination of letters and numbers, followed by a .everweb file extension.

You can see the actual filename of your project and where it is stored using the EverWeb’s Projects Window. To the right of your project name in the Recent Projects list, you will see an up/down arrow symbol. Click on this symbol, then select ‘Show on Disk’ from the dropdown menu. You will see your Project file name highlighted in the Library-> Application Support-> EverWeb folder of your Mac.

If you have your own backup software, you can backup this folder as part of your computer’s backup schedule.

Auto Save and Scheduled Backups

When you first purchase EverWeb, one of the first things we recommend you do is to set up a backup schedule within EverWeb in addition to any computer backup that you may already have set up. You can set up your own backup schedule using the EverWeb-> Preferences menu option then click on the Backup tab. Backups only take place when the project file has been opened, so be aware that this style of backup probably works in a different way to how your computer backup may work. This reason for this is that EverWeb takes a snapshot of your project file when it is open (i.e. before you quit EverWeb or close the project file) so if you need to restore, you can quickly open the most recent version of the file, or whichever copy you want. It is also probably easier and quicker to restore your Project file through EverWeb than have to search out the computer backup of the Project. We do though, still recommend backing up to the computer as well as within EverWeb so that you have a copy stored on a different device, in case, for example, your local hard disk goes down, then you still have a disaster recovery option.

The other option you will find in the Backup tab is Auto Save which is also invaluable. If you computer crashes you will likely only loose the last couple of keystroke or actions that you did in your Project file at most, so again, it is recommended that you keep Auto save enabled at all times.

‘On The Fly’ Backups

The other useful EverWeb backup option is to use the ‘On The Fly’ backup. This is ideal when you want to preserve your project at a particular point in its development, or if you are going to make wholesale changes to your site and want to keep a copy of the original project file in case you need to roll back your changes later. Again, just go to the Projects Window and click on the up/down arrows next to your project file name, then select ‘Make Backup…’ and follow the instructions. Quick and easy!

Restoring a Project File

Restoring a project file is as easy as making a backup. Just click on the up/down arrows of the project which you want to restore and choose which backup you want to restore from the list.

Note that this option only works when the project file is stored locally in EverWeb’s default project file location. If your project file is located elsewhere read on…

Project Files in Non-Default Locations

Many EverWeb users elect to move their project files to a Cloud drive, such as Apple iCloud, Microsoft One Drive or Google Drive. As well as making the project file available on any machine you may be working on, the other big advantage is that the project file will get backed up by the Cloud service you are using. As mentioned earlier, use the Show on Disk option to locate the project file you want to move to the Cloud then move it to its new location. You may want to put the file in a folder named after your project. Alternatively you can rename the Project file’s unique file name to your project file name if you want, just make sure to leave the .everweb file extension in place.

When using a Project file stored in a non-default location, you will notice that your Project file is no longer listed in the Projects Window when you launch EverWeb and that you will need to use the File-> Open (or File-> Open Recent…) menu option to open the Project.

If you want to restore your project file from your Cloud service, follow your Cloud service provider’s file restore guidelines.

If you are wanting to restore from a local backup, e.g. from Apple’s Time Machine, you will need to find where the Project file is located. Again, click on the up/down arrows to the right of your Project file in the Projects Window then choose the Show on Disk menu option. With the Project file highlighted, press Command+Spacebar and enter ‘Time Machine’. Double click on the Time Machine app, which will then locate all of the backup copies of your Project file from which you can choose to restore.

The other interesting point here is that if you have set up a backup schedule in EverWeb, a project stored in the Cloud will still be backed up by EverWeb on the local computer that EverWeb is installed upon. You can see this by going to the EverWeb-> Preferences-> Backup tab and clicking on the ‘Manage Cache Files’ button. You can use this dialog box to delete the backup if you want. If you want to restore the backup you will need to go to the You can see the actual filename of your project file and where it is stored using the Projects Window. To the right of your project name in the Recent Projects list, you will see an up/down arrow symbol. Click on this then select ‘Show on Disk’ from the dropdown menu. You will see your project file name highlighted in the Library-> Application Support-> EverWeb-> Backups folder of your Mac. Once you have located your project’s unique file name folder, double click on the .backup file within the folder to restore it. Note that doing so will restore the project to the local computer again.

Backing up and restoring EverWeb’s Project files gives you many different options to make sure that you never lose any of your work!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Choosing the Right Blog Commenting Engine in EverWeb

March 3rd, 2022

When setting up your blog in EverWeb, you might want to include a comments section so that your visitors can comment on, or discuss, your posts in a public forum. A comments section is a great way to engage more directly with your website visitors and customers, helping you garner feedback on your current products and services. You blog can also help you poll visitors about ideas that you may have for future products or services, in an easy, cost effective way. If you are not running a business, the comments section in your blog may just be a place for active, lively debate and discussion!

Choosing Your Comment Engine

EverWeb offers you two Comment Engine choices: Disqus (www.disqus.com) or Facebook Comments (www.developers.facebook.com). Both of these Comment ‘Engines’ offer similar features to each other although there are some important differentiators that may persuade you to choose one comment engine over the other. Typically the comment engine that you choose will be determined mainly by the audience that you want to target with your blog.

Note that you will first need to create your user identity in the comment engine of your choice before being able to use this. In Disqus, this is known as a ‘Shortname’ whilst in FaceBook Comments this is known as an ‘App ID’.

You can find a step by step guide on setting up your Disqus or FaceBook Comments comments engine in the EverWeb User Manual, which you can find from the Help-> EverWeb PDF Manual menu option.

Below is a summary of the main features or each Comment Engine and its perceived advantages and disadvantages to help you decide which is best for you to implement.

Disqus

Disqus was founded in 2007 and has more than 35 million users worldwide. Disqus’ main features include…

  1. Real Time Discussions
  2. You can login using Facebook, Twitter, Google, Yahoo!, Microsoft and others
  3. Threaded Comments
  4. Comments can be imported and exported
  5. Comments are easy to edit
  6. Discovery feature to find further website content
  7. Comment Moderation can be done using Email

The advantages for using Disqus are..

  1. Real time commenting and alerts
  2. Easy to use interface

FaceBook Comments

The FaceBook Comments engine leverages off of FaceBook itself to link comments to users public FaceBook profile. Facebook Comments features include…

  1. If you are logged in to Facebook you can comment immediately
  2. You can login via Facebook, Yahoo! or Microsoft
  3. Threaded Comments
  4. Like and Reply options are included
  5. Analytics are free
  6. Comments ordered by the number of Likes
  7. It includes a good Anti-Spam tool

The advantages of using FaceBook Comments are…

  1. Visitors publishing comments on their public Facebook Profile
  2. Where you have a large number of website visitors using Facebook

Making Your Choice…

Facebook Comments will probably be your choice of Comment Engine if you have a large number of website visitors using Facebook and for visitors who want their comments published in their public Facebook profile.

if you are looking for ease of use, realtime commenting,longer term engagement and SEO features, Disqus will likely be your preferred Comment Engine.

Adding Your Comment Engine to Your EverWeb Blog

Once you have chosen your Comment Engine and have either your App ID or your Shortname, you can activate your Comments Section in your EverWeb made blog.

Simply go to the Posts page in your EverWeb project file, then scroll down to the bottom of the Widget Settings pane. The last section is ‘Comment Options’. Select either Disqus or FaceBook Comments from the dropdown menu then enter in either your ‘Shortname’ or ‘App ID’.

More About Blogging in EverWeb

You can find more information about blogging in EverWeb in the EverWeb User Manual via the Help-> EverWeb PDF Manual menu option. There are also a number of videos relating to blogging on our YouTube channel.

If you have any questions about blogging, or anything else, in EverWeb, please let us know in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb Site Shield Adds Awesome New Security Features!

February 16th, 2022

We introduced EverWeb Site Shield Addon in 2017 giving EverWeb+Hosting customers the ability to end to end data encrypt their websites in just a couple of mouse clicks. In our latest update, EverWeb version 3.6, we’ve added a slew of enhanced new features to Site Shield Addon, to make your website as secure as it possibly can be!

EverWeb Site Shield Addon uses HTTPS to bring end to end data encryption between the EverWeb Sever hosting your site and your visitor’s browser window. Using EverWeb Site Shield Addon can even help improve your SEO rankings as Google (and other search engines) give data encrypted websites a rankings boost over non-secure websites.

Make Your Website’s Security Easy To Implement

Understanding how to secure your website properly can be a long, difficult task. Using EverWeb Site Shield Addon simplifies these tasks making it extremely easy for you to implement advanced security options for your website. All the enhanced features options are clearly explained, making it easy for you to choose the best options for your site’s security.

If you are using Everweb 3.6, or higher, when you publish your website, click on the ‘Advanced…’ button next the ‘Use HTTPS Secure URLs’ checkbox in the Site Publishing Settings screen to see all of the available enhanced website security options. If the ‘Advanced’ button is not highlighted, you will first need check the ‘Use HTTPS Secure URLs’ checkbox. The ‘Advanced’ options are grouped in to two sections. The first section contains options that are non-website specific so are safe to apply without causing permanent changes to your site. The second set of options can result in permanent changes to your site. Below is an explanation of all of the options…

General Enhanced Website Security Options

When you tick the ‘Enable Enhanced Website Security’ checkbox, all of Site Shield Addon’s Advanced options become available. By default, the first three options are already checked as this is our recommended minimum security implementation advice. The first four options are:

  1. Prevent 3rd Party Sites From Embedding Your Website: The first option prevents any other site from trying to embed your website in theirs which is trick which can lead your visitors having their personal information stolen. By using this option, you can make sure that malicious sites cannot try to impersonate your site, steal your search engine rankings and/or mislead your potential visitors.
  2. Prevent Content Type Interpretations: The second option will not allow browsers to interpret the type of content they are accessing from your website. For example, should someone upload a malicious script to your site, using this Site Shield Addon option can help make sure the code is not executed.
  3. Enable XSS Protection: The third option protects visitors to your site who are using older web browsers from ‘cross site scripting’ (XSS) hacks which can be used to steal their data.
  4. Secure Referrer Policy: The last option is not enabled by default because it may block data that you may want to see in your website stats software, however, it is an important security enhancement. By using this option, you will block the re-refering url from being sent to the following website if the protocol switches from secure HTTPS urls to insecure HTTP urls which can help protect your visitor data. 

Powerful Website Security Options: Use With Caution…

The second section contains two options. These are more powerful security tools but can cause website loading issues. For this reason, we have included a Test mode and Production mode for the Content Security Policy option.

  1. The Content Security Policy: This option will block access to resources that your visitors do not need access to. While in test mode, any issues will simply be reported in the error console of your web browser. That way you can see if any content is not loading that should load. We recommend that you use test mode first and watch the error console. This will only be an issue if you are using third party widgets that are using non-secure content. If you need help, please contact EverWeb customer support.
  2. HTTPS Strict Transport Security: This is an option that makes it so that your website will never work if the HTTPS certificate is removed or if you happen to have a non secure url on your website. It tells your visitor that their web browser should not be able to access any resource that is not over HTTPS. Once you enable this option you will not be able to turn off HTTPS urls which you would probably not want to do anyways.

Our Recommendation…

We recommend that all of the Enhanced Security options are enabled as this offers the most secure website and doing so may also give you a boost to your websites’s search engine rankings. However, you should also consider the possible impact of your choosing all options, especially the last two options, on your sites, your website stats or the possibility of downgrading your website from HTTPS to HTTP in future.

EverWeb Site Shield Addon: Available Now!

You can easily purchase EverWeb Site Shield Addon immediately if you have not done so already. Just go to the Site Publishing screen in your EverWeb project file then check the ‘Use HTTPS Secure URLs’ checkbox. You will then be guided through the purchase steps. After your purchase has been confirmed, publish your site using the File-> Publish Entire Site menu option to secure your website!

If you have an EverWeb+Hosting Plan of 10GB, or higher, EverWeb Site Shield Addon is free. For other EverWeb+Hosting plans, Site Shield Addon is available at $39.95 USD/Year. If you have purchased Site Shield Addon prior to the release of EverWeb 3.6 your yearly renewal price remains at $29.95 USD/Year.

For more information, or if you have any questions, please contact EverWeb Customer Support.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Adding and Managing Email Addresses

February 3rd, 2022

One of the benefits of an EverWeb+Hosting account is that it is very easy to set up and administer email through EverWeb itself.

Adding a New Email Account

When you set up a new email address in EverWeb, it will be associated with your domain name. A domain name is your website name, i.e. the name by which internet users can access your website, for example, everwebapp.com is a domain name. You can, therefore, set up email addresses for a function such as the sales department (which could use an email address such as sales@everwebapp.com, every employee(e.g. Jane Smith’s email could be janesmith@everwebapp.com and so on…

To setup an email address to be associated with your domain name:

  1. If you have not already logged in to EverWeb, do so and open your project file.
  2. Click on your EverWeb project file name at the top of the Web Page List on the left hand side of the application to access EverWeb’s Site Publishing Settings screen which contains the settings for Email Addresses.
  3. If you prefer, you can use access the Site Publishing Settings screen using the File-> Edit Publishing Settings menu option.
  4. At the top of the Site Publishing Settings screen you will see the ‘Publishing’ section. The ‘Publish To’ field should be set to ‘EverWeb’ if you have an EverWeb+Hosting account.
  5. If the ‘Publish To’ field is set to ‘Folder’ you will need to change it back to ‘EverWeb’ to be able to administer your Email Addresses.
  6. If the ‘Publish To’ field is set to ‘FTP Server’ then you have your own hosting for EverWeb. To set up your email in this instance, you will need to use your own cPanel to administer your email addresses, or contact your hosting provider for assistance.
  7. Once you have verified the ‘Publish To’ field as ‘EverWeb’, scroll down the Site Publishing Settings screen until you come to the Email Addresses section. If this is the first time that you are adding an email address, you will notice that the Email/Login box is empty.
  8. If you have already added one or more email addresses to your domain, you will see them listed in the Email/Login box. Note that if you have more than one domain name in your EverWeb Client account, you will see all email addresses from all domains listed here.
  9. To add a new email address, click on the ‘Add’ button under the Email/Login box. 
  10. In the popup window, type in your desired email name. Note that you can only enter valid characters. If you try to enter non-valid characters, such as an asterisk, EverWeb will ignore the input. 
  11. If you have more than one domain, select the one you want from the dropdown menu on the right. If you only have one domain, it will already be filled in after the ‘@’ symbol.
  12. Now enter your desired password in the ‘Password field, then re-type it in the ‘Confirm Password’ field. The password must be between eight and 20 characters. EverWeb will check your password to make sure that it is strong and secure enough. It is recommend that you use a combination of upper and lower case letters, numbers and symbols to create a strong, secure password.
  13. Click on the ‘Create’ button when you have finished.
  14. Your new email address will be added to the ‘Email/Login’ list.

Managing Email Accounts in EverWeb

Configuring Your Email Account for Use in Other Email Applications

Once you have set up your email account, you will naturally want to set up the email address in the email client of your computer, such as Apple Mail, Microsoft Outlook etc.

Click on the link ‘How to configure email addresses in Apple Mail’ and follow the instructions. 

Configuring Your Email Account for Use on a Mobile Device

To configure your email address for use on a mobile phone such as iPhone, or on an iPad, click on the link ‘How to configure email addresses in a mobile phone’  and follow the instructions.

How To Change Your Email Address Password

If you want to change the password of your email address, click on the link ‘How to update or change email account passwords’ and follow the instructions. 

Deleting an Email Address

You can also use the Email Addresses section to delete email addresses. Click on the email address in the Email/Login list that you want to delete then press the ‘Delete’ button. 

You will now see a dialog box which warns you that deleting the selected email address will also delete any email associated with that email address. To continue with the deletion, check the ‘I Understand’ checkbox before clicking on the ‘Yes; button.

It is strongly advised that you backup or archive emails from the address that you want to delete before you delete the email address. Once you have deleted an email address, any emails for that email address will aso be deleted.

Accessing Your Email Remotely

EverWeb includes a remote email access feature so that you can access your email from anywhere, even if you do not have access to your phone or own computer. Using Webmail is a great way to access email on the go. Click on the ‘Check Email Online’ button to access Webmail. On the Webmail login screen enter in your email address and password then click on the ‘Login’ button.

If you need to access Webmail, you may want to bookmark the page, or make a note of the URL address so that you can access your email anywhere and at any time.

EverWeb makes it easy to set up, administer and access your email anywhere! If you have any questions about email in EverWeb, or about anything in EverWeb, please let us know in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram