Top 2 deals for RAGE Software Software

The new EverWeb 4.5 version has recently been released to the public and is packed with lots of exciting new and updated features! One of the headline features is the all new Carousel Widget!

We think that the Carousel widget is a truly amazing, highly customizable, multi-media slider widget, built around EverWeb’s Container technology. In this post we will explain why we think this is a next level widget and how you can get acquainted with it! There’s also a video at the top of this post with a detailed, step by step guide to the widget for those of you who may be new to EverWeb or its Container technology.

A Truly Versatile Multi-Media Widget

The key feature of the Carousel widget is that it lets you combine disparate object elements together: Images, videos, widgets, maps, Containers and text, all within your slide show. Six different animation styles let you show off your mixed media slides in the best way possible. As you would expect, you also get the standard slide show features such as autoplay and loop. There are also options to adjust the slider speed and to pause the slide show on mouse over.

In addition to being able to mix media as you want, you can also add in EverWeb 4.5’s new features such as Background Masks, Overlay Effects, On Click Actions, Margins and Padding and Containers, to give the slide show the look and abilities that you require of it.

What You Can Use The Carousel Widget For…

The ability to use mixed media in your slide show makes this widget ideal for an almost unlimited range of tasks. Here are some suggestions:

• Educational Subjects: Step by Step guides
• Information Sharing: e.g. resource guides, general company info guides
• Directions: e.g. you could provide step by step directions to a location – real or virtual
• Instructional slide shows, e.g. cooking recipes.
• How To Do Instructions: e.g. DIY instructions
• Business Case or Course Outlines
• Product or Services Sales

Customizable Click-Through Options

In addition to selecting the slide show animation, you can also change the slide show background and the spacing between slides. The Previous/Next buttons can also be customised. You can move these buttons independently to your desired location within the widget. Additionally, you can also change the icons and/or the icon colorsl.

Getting Started with The Carousel Widget

To see the Carousel widget in action, just drag and drop it from the Widgets tab on to the page. In this example, we will add it as a full width object in a Responsive page. Once you have added the widget to the page, just drag and drop the media that you want in to the widget e.g. you could use EverWeb’s Free Stock Media library to add images to the slide show. You can also, for example, add a shape to the widget then use the Shape Options: Fill options to change the shape to a video or map fill.

Customizing The Carousel Widget

In our example, the Carousel Widget uses the full width of the page, as indicated by the Full Width info box displayed just outside of the bottom left hand corner of the widget.  The widget is populated with TextBoxes, images and video fills. After adding in your media, the next thing to do is to set the type of slide animation that you want. There are six options to choose from in the Slide Animation drop down menu in the Widget Settings: Slide, Fade, Cube, Coverflow, Flip and Cards. For some Slide Animations, such as Cube, you will need to preview and use the Previous/Next buttons to see the animation effect in action.

After selecting your slider animation you might want to re-order some of the objects in the slide show. To do this just drag and drop the objects you want to move left or right to their new locations. A vertical blue dashed line will help you with placement of the object. If you need to, you may have to use the Previous/Next buttons to scroll the slideshow along when placing objects.

Once you have placed objects where you want them, you might want to change the spacing between them. You can do this globally through the Widget Settings’ Slide Spacing option. If you want to space objects individually, select the object you want then use the Margins & Padding options.

Setting the Slide Show Background

Now that the objects in the slide show are where you want them, you now might want to set the background of the slide show. Click on the Carousel widget itself. You should see the Widget Settings displayed in the Inspector Window. Next, go to the shape Options tab and use the Fill section to set the background that you want. This could be a different color, a gradient fill, or an image. Note that some options such as Slide Show, Video, and Map Fill are not available for use.

In addition to setting the slide show background, you can further customize it with Border Options to give it rounded corners. You could also apply a line stroke option to it to highlight it on your page if you want. This can produce an interesting effect; for example, if you set the stroke to 150, you will see the background is now smaller than the images on top of it.

Customizing The Previous/Next Buttons

You can further customize the look of the widget by changing the appearance of the Previous/Next buttons. You can start by moving the button around the widget to place them where you want. You can use EverWeb 4.5’s new Pin Settings feature here to pin the buttons to the top, bottom, left, and right sides of the widget. Use the info boxes from the vertical and horizontal guides to help you line up the buttons equally from each edge if required.

We recommend that you do not uncheck the Always on Top setting. If you do, it may make if difficult to re-locate the buttons later on. If you cannot find the buttons, you may have to remake the slide show.

You can also change the color of the buttons using Fill options in the Shape Options tab. if you want, you can also change the type of button that you are using as well. Again, in the Shape Options tab, take a look at the Background Mask section. You will see that the image used for the button is shown in the SVG section. You can rotate the button if you want, or replace it with another button image simply by clicking on the existing image displayed in the square. When you do this, you will be presented with a library of different SVG images that you can use. For Previous/Next buttons, we recommend using images from the Arrow section of the SVG library. As the images are SVG files, you can also scale them without loss of resolution which is handy to know.

EverWeb’s new Carousel widget expands the capabilities of what a slide show can do. Also, there’s a wealth of customization options available for the slide show itself as well as the media used in it, via options such as Border Options, Background Masks, Padding & Margins and Overlay Effects.

The post Introducing EverWeb’s NEW Carousel Widget! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

We are thrilled to announce the immediate release of EverWeb version 4.5 for macOS and Windows. Our latest update is one of our biggest releases yet! On-Click Mouse Actions, Popup Windows, Object Pinning, Background Masks, Overlay Effects and the all NEW Carousel Widget are just some of the brand new features that we’ve added to this release. Check out the full list below!

We’ve also added lots of improvements based on your feedback as well as the usual fixes. See below for the full list of what’s new, updated and fixed our latest EverWeb release.

Which Version of EverWeb is for You?

EverWeb 4.5 is available to you on the following Operating Systems:

• If you are running Microsoft Windows 10 or 11.
• If you are running an Intel Mac running macOS High Sierra, Mojave, Catalina, Big Sur, Monterey, Ventura, Sonoma or Sequoia.
• If you are running an Apple Silicon Mac running macOS Ventura, Monterey, Big Sur, Sonoma, or Tahoe, EverWeb will run natively without the need to use Rosetta 2.

Older Operating Systems can run the following versions of EverWeb:

• If you are running OS X 10.10 – macOS 10.12 (OS X Yosemite, OS X El Capitan, macOS Sierra) EverWeb 3.4.2 is for you.
• If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.

EverWeb 4.5 Includes…

[NEW] Customizable Popup Windows: Create visitor-facing popup windows with full design control.
• Show a popup immediately, after a delay, at a scroll position, on exit intent, when an object is clicked, or anchored beside another object.
• Display popups in the center, corners, edges, fullscreen, full-height panels, or push-content layouts.
• Customize overlay color and transparency.
• Prevent a popup from appearing again using browser cookies with configurable expiration.
• Allow visitors to close the popup by clicking outside it.
• Lock page scrolling while a popup is open.
• Manage popup windows from the new Popup Windows menu and toolbar.

[NEW] Mouse On-Click Actions: Add interactive On-Click Actions to any object on your page.
• Show, hide, or toggle other objects.
• Open popup windows or popup windows anchored to the clicked object.
• Control videos including play, pause, stop, mute, unmute, and volume controls.
• Control Carousel widgets.
• Move or resize objects when clicked.
• Scroll objects into view.
• Display alert messages.
• Chain multiple actions together with optional delays.
• Supports keyboard accessibility using Tab, Enter, and Space.

[NEW] Carousel Widget: Create responsive carousels containing text, images, videos, widgets, containers, and other page content.
• Auto-play slides with configurable timing.
• Pause playback when the mouse hovers over the carousel.
• Swipe, arrow, and pagination navigation.
• Slide, fade, flip, and card transitions.
• Looping, centered slides, spacing controls, and multi-slide layouts.
• Custom navigation buttons.

[NEW] Containers can now use either Auto Height or Fixed Height.
• Auto Height automatically adjusts to fit content.
• Fixed Height maintains a specific height.
• Auto Height supports minimum and maximum height limits.

[NEW] Objects inside row and column containers can now be positioned freely without affecting the layout of other objects.
• Free-positioned objects can be pinned to container edges.
• Other objects continue to use the container’s layout settings.

[NEW] Pin Objects to Containers or Browser Edges: Keep objects fixed relative to a container or the browser window as the page resizes.
• Pin objects to the top, bottom, left, right, or center.
• Use pixel or percentage offsets.
• Constrain objects to opposite edges so they always stay within the page bounds

[NEW] Every object can now be assigned a custom name.
• Rename objects from the Inspector, the right-click menu, or directly on the design canvas.
• Hidden objects are easier to locate from the right-click menu.

[NEW] Apply SVG masks and gradients to shapes and popup windows.
• Includes a built-in SVG mask library.
• Rotate masks directly from the mask picker.
• Works with shadows and border radius settings.

[NEW] Apply visual effects directly to any object on your page
• Blur
• Brightness
• Contrast
• Saturation
• Hue
• Sepia
• Invert
• Grayscale

[NEW] Image Focus Area Controls: Choose the most important part of an image when using Scale to Fill.
• Images remain focused on the selected area at all responsive breakpoints.
• Includes a dedicated Focus Area editor.
• Supports clearing and editing focus areas at any time.

[NEW] EverWeb can now export multiple image sizes for responsive websites, reducing download sizes on smaller devices.

[NEW] HTML Code widgets can now run inside an isolated iframe so that custom code doesn’t affect other objects
• Prevents custom code from affecting the rest of the page.
• Automatically enables iframe mode when needed.
• Supports automatic height adjustment.

[NEW] Projects now remember your workspace layout.
• Window size and position.
• Open folders.
• Selected page.
• Horizontal and Vertical Splitter positions.

[NEW] Set minimum and maximum width and height values for shapes, including minimum widths for full-width objects.

[NEW] Set a maximum content width for Containers

[NEW] New Align and Distribute controls have been added to the Metrics Inspector.

[NEW] Validate Footer Code directly from Site Publishing Settings.

[NEW] Hide responsive sections at specific breakpoints.

[NEW] Widgets now support shadows, borders, and picture frame styles.

[NEW] You can now set a Show On Device value for Ultra Wide desktop screens

[NEW] You can set now a Desktop Breakpoint value to separate Desktop and Ultra Wide Desktop screens

[NEW] If you are having publishing issues, you can now generate a Publishing Diagnostics report to help troubleshoot the issue from the Help-> Publishing Connection Diagnostics menu option.

[IMPROVED] Faster Container and Responsive Row resizing.
[IMPROVED] Better layout update performance throughout the design canvas.
[IMPROVED] Older projects now default Containers to Fixed Height mode for compatibility.
[IMPROVED] Improved drag-and-drop feedback when working with Containers and Carousels.
[IMPROVED] Improved support for nested Containers and deeply nested child objects.
[IMPROVED] Improved handling of free-flow objects inside Containers.
[IMPROVED] Improved support for wrapped Container layouts.
[IMPROVED] Improved support for always-on-top child objects inside Containers.
[IMPROVED] Faster object loading when opening pages.
[IMPROVED] Faster page switching in large projects.
[IMPROVED] Improved .htaccess generation for redirects and publishing settings.
[IMPROVED] Improved sitemap generation when page extensions are removed.
[IMPROVED] 404 pages now return proper HTTP 404 status codes.
[IMPROVED] Improved image optimization for responsive websites.
[IMPROVED] Improved image export accuracy across responsive breakpoints.
[IMPROVED] Improved handling of rotated images on Windows.
[IMPROVED] Improved publishing accuracy for Master Page objects from older projects.
[IMPROVED] Improved Google Font generation when fonts are not installed locally.
[IMPROVED] Improved Global Styles font handling in non-English operating systems.
[IMPROVED] Improved browser preview performance for pages containing large videos and files.
[IMPROVED] Faster image drawing on the design canvas.
[IMPROVED] Improved Retina image size handling.
[IMPROVED] Improved display of hidden objects on the design canvas.
[IMPROVED] Improved rendering of long text objects.
[IMPROVED] Optimized project saving performance.
[IMPROVED] Widgets in the Insert menu are now listed alphabetically.
[IMPROVED] Contact Forms now include basic spam filtering.
[IMPROVED] Required Contact Form fields now work correctly across multiple columns.
[IMPROVED] Additional web crawlers are now blocked automatically through .htaccess rules.
[IMPROVED] Improved error handling when EverWeb cannot write to the Application Support folder.
[IMPROVED] Additional interface text has been localized and translated.
[IMPROVED] Improved widget previews on Windows.

[FIX] Fixed a crash on Windows when using widgets containing Styled Text controls.
[FIX] Fixed a crash that could occur when using certain bold fonts.
[FIX] Fixed potential crashes involving FTC text fields.
[FIX] Fixed duplicate document windows appearing in the Window menu on macOS.
[FIX] Fixed publishing failures that could occur while writing final website files.
[FIX] Fixed membership pages not being protected when sign-out or profile buttons were not present.
[FIX] Fixed Responsive Rows not collecting all child objects in built applications.
[FIX] Fixed blog index and archive positioning issues on fixed-width pages with footers.
[FIX] Fixed blog pagination issues.
[FIX] Fixed Blog Archive and Blog Posts margin settings not being respected.
[FIX] Fixed Blog Archive spacing settings not being respected.
[FIX] Fixed opacity rendering issues with line shapes.
[FIX] Fixed rotated objects on Master Pages publishing at incorrect positions.
[FIX] Fixed container drawing issues on fixed-width pages.
[FIX] Fixed containers with borders drawing incorrectly when no fill color was applied.
[FIX] Fixed rotated objects inside Container Rows publishing at incorrect positions.
[FIX] Fixed vertical text movement issues inside Containers.
[FIX] Fixed pinned lines drawing incorrectly when resizing the canvas.
[FIX] Fixed pinned offset calculations conflicting with shape backgrounds.
[FIX] Fixed Containers changing position when using Bring to Front or Send to Back.
[FIX] Fixed object labels not refreshing correctly after selection changes.
[FIX] Fixed the right-click menu not always showing Container child objects correctly.
[FIX] Fixed the Inspector changing tabs unexpectedly when renaming pages.
[FIX] Fixed Inspector updates when changing settings from canvas cog menus.
[FIX] Fixed website renaming issues in the Projects window.
[FIX] Fixed nested directory renaming not saving correctly.
[FIX] Fixed cmd-click asset duplication renaming the original asset.
[FIX] Fixed asset selection labels sometimes displaying incorrect information.
[FIX] Fixed full-width objects overflowing outside Container Rows.
[FIX] Fixed full-width Containers with image fills overflowing horizontally.
[FIX] Fixed Scale to Fill objects not centering correctly inside Containers.
[FIX] Fixed free-flow Container layout issues when containers changed height.
[FIX] Fixed drag-and-drop indicators occasionally remaining visible after a drag operation.
[FIX] Fixed issues when pasting objects into projects containing non-Latin characters.
[FIX] Fixed Text Section widget form field padding issues.
[FIX] Removed default 250-character alt text from the FlexBox widget.
[FIX] Improved YouTube video handling in the FlexBox widget.
[FIX] Fixed duplicate image support in Image Gallery widgets.
[FIX] Fixed Responsive Image Galleries occasionally losing their height.
[FIX] Fixed animation settings causing scroll position issues.
[FIX] Fixed preview page reloads reverting unsaved text changes.
[FIX] Fixed the QR scanner and added a copyable URL field.
[FIX] Removed the unused country list from PayPal Modern.
[FIX] Fixed Container move indicators alignment issues while scrolling.

How To Update EverWeb for Windows

You can easily update EverWeb for Windows by either:

1. Launching EverWeb then opening a project file. From the Help menu at the top of the screen select ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EverWebSetup.exe file. Note that the file name may have the version number appended to it and that you may need to initially trust the file to be able to download it.

Follow the instructions in the Installation Wizard until the installation is finished. You can delete the EverWebSetup.exe file afterwards by dragging it to the Recycle Bin.

How To Update EverWeb for macOS

You can easily update EverWeb for macOS 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.

About Your EverWeb Update

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 update period from your EverWeb-> Preferences… window on macOS, from your Edit-> Options menu on Window,s 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 its 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.

The post What’s NEW in EverWeb 4.5: Object Pinning, On Click Actions, Carousel Widget, Popup Windows and Much More… first appeared on Website Building for Mac OS X | EverWeb Website Builder.

Nobody plans for their site’s visitors to hit a dead end, but it can and does happen. A link to a page goes stale, a page gets renamed, or someone simply mistypes a URL when looking for a particular page. With a custom made 404 page in your EverWeb project, your visitors will no longer get a generic browser error has no navigation, no brand, or no way back into your site. Stop your visitors leaving your site when they don’t need to with a custom 404 Page Not Found page.

EverWeb makes it easy to create a custom 404 page that keeps visitors inside your website, points them somewhere useful, and turns an awkward moment into a positive brand impression. Simply design the 404 page you want yourself, just like any other page in your EverWeb project, then assign it in either EverWeb’s Site Publishing Settings, or if you use your own hosting provide, in cPanel.

In this post, we will look at what causes the 404 Page Not Found error in the first place, then we will look at how you can design your own 404 page.

What Causes a 404 Error?

The three most common causes of a 404 Page Not Found page appearing are:

• An outdated link on your website pointing to a page that no longer exists
• A renamed or deleted page after a site update
• A mistyped URL entered directly into the browser by a visitor

All three are common, and all three are things you can’t fully prevent. What you can control is what your visitor sees when it happens.

Step 1: Design Your 404 Page in EverWeb

Start your 404 page by adding a new page to your EverWeb project. You can use a theme template page if you want. The important point to remember though is that the finished page should feel like part of your site, not an afterthought.

What to put on your 404 page

A good 404 page does three things: it acknowledges the problem, reassures the visitor, and gives them somewhere to go. At minimum, include:

• A clear, friendly message — something like “Oops, we can’t find that page” works better than the cold technical phrase “404 Not Found”
• A link back to your home page — this is the single most important element to include
• Navigation links — include your site’s navigation to the page so visitors can find what they were actually looking for
• A search box (optional) — useful for larger sites with lots of content
• Your branding — logo, colours, and fonts should all match the rest of your site

Keep the tone light if it suits your brand. A little humour or personality can go a long way on an error page. What you want to avoid is leaving your visitor with no options and no clue what to do next.

Responsive vs. Fixed Width Page Layouts

How many 404 pages you need to create depends on the page layout type you’re using:

• Responsive Page Layout: You only need one 404 page. Because a responsive page automatically scales to fit any screen size, a single page handles desktop, tablet, and mobile visitors alike.
• Fixed Width Page Layout (e.g. Centered Layout): You’ll need to create two separate pages — one designed for desktop and one for mobile. See the section below on linking them together.

Step 2: Assign Your 404 Page in Publishing Settings

Once your 404 page is designed, you need to tell EverWeb (or your hosting provider) to serve it whenever a visitor hits a missing page. How you do this depends on where your site is hosted.

EverWeb+Hosting Users

This is the simplest path. EverWeb handles the 404 redirect for you directly from within the app, there’s not need to go anywhere else.

1. Go to File ? Edit Publishing Settings (or click your website’s name in the Web Page List)
2. In the Site Publishing Settings screen, locate the 404 Not Found Page option
3. Use the dropdown menu to select the 404 page you created from your list of project pages
4. Publish your site

That’s it. EverWeb will automatically serve your custom page whenever a visitor hits a URL that doesn’t exist on your site.

EverWeb + Third-Party Hosting Provider Users

If you use your own Host Provider to publish your EverWeb made site, the process has one extra step. As EverWeb does not control your server’s error handling, you’ll need to point to your 404 page manually through your hosting provider’s control panel (typically cPanel).

1. First, publish your site through EverWeb as normal, including your 404 page. Once published, your 404 page will have its own live URL.
2. Log in to cPanel (or your hosting provider’s control panel)
3. Find the Error Pages section and select the 404 error type
4. Enter the full URL of your published 404 page
5. Save your settings

Your hosting provider will now redirect all 404 errors on your domain to the page you designed in EverWeb. Check with your Hosting Provider for more information if needed.

Step 3 Fixed Width Websites Only: Linking Your Desktop and Mobile 404 Pages

If you are using a fixed width page layout, you will have created separate desktop and mobile versions of your 404 page. After creating these pages, you need to link them together so that EverWeb knows to show the right one on the right device.

1. In the Web Page List, select your desktop 404 page
2. Open the Page Settings tab in the Inspector window
3. Scroll down to the Mobile Settings section
4. In the Mobile Page dropdown, select One of My Pages
5. In the Page dropdown that appears, select your mobile 404 page

Once linked, EverWeb will automatically serve the desktop version to desktop visitors and the mobile version to visitors on a phone — no extra work required after publishing.

So What Makes a Great 404 Page?

You can make a basic 404 Page that will get the job done, but with a little extra thought you can make your 404 page genuinely useful. Here are some tips…

Use Your Brand: Use the same header, footer, colors, and fonts as the rest of your site. A jarring, un-styled error page feels like a bug. A well-designed one feels intentional.

Add The Human Touch: Generic error language (“The requested URL was not found on this server”) is cold and confusing for non-technical visitors. Write like a person: “Sorry, we can’t find that page — it may have moved or been removed.”

Present a Clear Next Step: A button back to your homepage should be prominent. If your site has a search feature, include it. The goal is to keep the visitor engaged, not send them back to Google.

Keep It Simple: A 404 page isn’t a Home or landing page. Keep it simple, focused, and fast to scan. One strong call to action is better than five competing ones.

Why This Matters for SEO

A custom 404 page doesn’t directly improve your search rankings, but it does prevent something that can quietly hurt them: visitor bounce. When someone hits a dead-end error page and immediately leaves your site, that’s a negative signal. A well-designed 404 page that redirects visitors back into your content can meaningfully reduce that drop-off.

It’s also worth auditing your site periodically for broken internal links — the most common cause of 404s you can actually fix. Tools like Broken Link Checker (a free web-based tool) can crawl your site and surface any internal links pointing to pages that no longer exist.

Summary

Creating a custom 404 page in EverWeb is a quick win that makes your site feel more polished and keeps visitors from hitting a dead end. Remember:

1. Design your 404 page in EverWeb like any other page
2. Assign it — via the dropdown in Site Publishing Settings (EverWeb+Hosting Users) or via cPanel (Third-party Hosting Providers)
3. Link desktop and mobile versions of your 404 page if you’re using a fixed width (Centered) layout

If you haven’t set up a custom 404 page yet, it’s one of those small things that only takes twenty minutes and makes a real difference to your visitors’ experience.

The post How to Create a Custom 404 Page in EverWeb first appeared on Website Building for Mac OS X | EverWeb Website Builder.

When developing your website, you will be adding and moving objects around the page so that all your text, images, and media are correctly placed and spaced. For fixed width page designs in EverWeb this is straightforward, you just drag and drop. If you are working with Responsive pages, you may find that you have to work in a more constrained way due to the nature of Responsive Web Design.

Moving Objects Around Responsive Pages

EverWeb helps you with object placement in responsive pages in a number of ways. In this post, we will be referring to the features found in EverWeb 4.4. If you are using an earlier version of EverWeb, some of the features described below may not be present, or may work in a different way than described below.

When you add a full-width object, for example a shape, to the page, you will see that its Object Label Toolbar includes up and down arrow icons so you can move the object up and down the page. You can also just drag and drop the shape up or down the page, no problem, and use the up/down icons only when you need to be sure of object placement, for example in a complex page design. 

If you are using a full-width widget, such as the FlexBox or Responsive Row widget, or a Container, you will also notice that there is a Move icon in the top right-hand corner of the object. In a Responsive page, this can be used to move the object up and down the page. So far, so good, but what happens when you want to move objects that have been placed within other objects?

Moving Objects Contained Within Other Objects

When you use a Container or the Responsive Row widget in a Responsive page layout, you will be using such objects for a reason – to place other objects inside them. When you do this, there may be times where you want to move one or more objects to a different location within the Container or Responsive Row. Easily done, just drag and drop the object to its new location. As you do so, you will see a vertical or horizontal dashed line appear between the object being moved and the objects that are not being moved. Again, this is to help make object placement easier visually.

Moving objects between Responsive Rows and/or Containers is also a drag and drop operation and again, you may see a dashed guideline to hope you with placement when you do this.

When using a Container Free Flow, you will see the Move icon again if you have other Containers within the Container Free Flow. In this case, you can move the inner Container in any direction around the Container Free Flow.

Embedding Objects

Drag and drop is usually the easiest way to move an object from A to B, but in some instances you may prefer a different approach. This may be the case when you have a complex page layout, or when you want to move an object from the top of the page to the bottom of the page. In such cases, you don’t want to accidentally drop the object in the wrong place, as this can disrupt your page layout. The simple option in this scenario is to use the Embed In option. All you need to do to use this feature is right-click, or secondary-click, on the object you want to move. You will see a menu of options. Scroll down to Embed In. Off of this menu, you will see a list of objects that you can embed the selected object into. Select the object you want to embed the selected object into.

Naming Objects

If you have a complicated page design, you may want to name some or all of the objects that you use on your page. This makes referencing them easier later on. In our example above, the list of objects to embed in to might have been, for example, ‘Container 1′, Container 2’, ‘Container 3’. If these objects had been named it would probably have made it easier to choose which object to embed the selected object into e.g. ‘Header Container’, ‘PayPal Container’, ‘Footer Container’.

In EverWeb 4.4 you can easily rename many object types using the Widget Settings in the Inspector Window or by clicking on the Settings Cog in the Object Label Toolbar of the object you want to rename. As of EverWeb 4.5, you will be able to just double click on the object’s name in the Object Label Toolbar to be able to rename it.

Removing Objects From a Container or Responsive Row

The easiest way to take an object out of another object is to drag it outside of the object then drop it to where you want. If, however, you want the object to be independent of any other object, then right click, or secondary-click on the object you want to remove. From the menu options, choose Remove from Container, or Remove from Responsive Row. In both cases, the object that is removed will become a full width object. You can then decide what you want to do with the object in question.

Remember Pick Layer!

If you have any difficulties selecting the object that you want to move, for example, you may have objects on top of each other, then right click on top of the object then use Pick Layer. This menu option will show you the list of objects that are stacked on top of each other so that you can select the correct one to move or manipulate.

Using EverWeb’s Embed In, Remove from and Pick Layer options make it easy for you to choose the object you want and move it to where you want it hassle free!

The post Moving and Embedding Objects In EverWeb first appeared on Website Building for Mac OS X | EverWeb Website Builder.

Working in the Cloud is probably something that most EverWeb users will be doing sometime during their day. It’s inevitable, either at work or at home, the benefits of using the Cloud are undeniable. But it is a how does EverWeb work with the Cloud and what are the advantages and disadvantage of this type of strategy when it comes to building your website?

Read on to find out the answers to these types of questions!

EverWeb Software and The Cloud

Let’s start wth EverWeb software itself. The most important thing to remember is that EverWeb is standalone software. This means that you should not install it, or use it, in The Cloud. The software should be installed on your local Mac or Windows computer. only and accessed from there.

If you need to use EverWeb on two computers, for example a laptop and desktop, you can install the software on both machines. This is ideal if you are in situations when, for example, you are working both from home and office locations. Usually one person with EverWeb installed locally on two different computers is fine. There are caveats, though, about accessing project files from more than one computer which we will talk about later on in this post.

If you are in a situation where you have more than one person using EverWeb, then you will need to use a multi-person license, or the other people accessing EverWeb will need to have their own license. In this situation, we recommend contacting EverWeb Support to discuss your situation. The same applies if you work in Education and want to use EverWeb with students.

EverWeb’s Project Files and The Cloud

EverWeb’s project files provide the structure of your website as well as storing the media used in its pages. The project file is therefore a collection of files. On a Mac, all of the resources of your project are stored in a ‘.everweb’ file. In Windows, this collection of files is stored in a folder with the same ‘everweb’ extension instead.

When EverWeb creates a new project file it is stored with a randomly generated filename so that it remains unique. This is different to the name that you see on the Projects Window or the name that you assign your project in EverWeb itself. Think of these as aliases for the real file name. To see the ‘real’ file name, go to the Projects Window and click on the Ellipses in a Circle icon to the right of the project if you are using a Mac version of EverWeb. If you are an EverWeb for Windows user, click on the downward facing triangle. In both cases, a dropdown menu will appear. Choose the ‘Show On Disk’ menu option. This will reveal the real file name of your project and also its location on your local hard drive.

You can rename the real file name if you want. Sometimes this is a good idea, especially if you are using project files in The Cloud.

Using Project Files In The Cloud

Once you know the location of your project files on your hard disk, you might then want to move them in to the Cloud. There are a number of reasons why this might be a good idea:

• it provides an instant backup source for the project
• It provides a quick and easy way to recover project files if needed
• You can easily store project file assets in The Cloud at relatively low cost
• Facilitates collaboration (Note the restrictions below)
• It enables you to easily work on one project file on more than one computer

If you move your project file in to The Cloud, bear in mind the following:

• Potential Synching Issues: Whilst Cloud services are good, often you might get synching issues between computers accessing the same project file in The Cloud. If you are swapping work environment, we strongly recommend the following. First save and close your project on the computer you are currently using. Note the project file’s timestamp in the Cloud before moving the your new work environment. Once you have moved to the second computer, check your project file’s timestamp to make sure it matches that from the original computer. If it does not, then wait for the Cloud synching to take place, or trigger the synching manually if possible. Once the timestamps, are in synch, access the project file from the second computer.
• Launching EverWeb: Sometimes EverWeb may take time to launch files in the Cloud are being synched. If EverWeb delays in launching, check to see if Cloud synching is taking place as this is often the cause of delay.
• The Projects Window: If you store your project files in The Cloud, they will not be displayed anymore in the Projects Window. You will need to either use the File-> Open command (Mac and Windows), or double click on the project name in the Cloud on a Mac, or double click on the ‘EverWeb Project File.ewwinproj’ file in EverWeb for Windows, to launch EverWeb and the project file.
• Single Use Access: When using EverWeb in The Cloud, only ONE person at ONE time should accesss the project file. EverWeb does NOT support shared access to project files, live co-authoring or shared editing. If more than one person is accessing the project file at the same time, one user will overwrite any changes the other user may make.
• Internet Dependence: It goes without saying that if you do not have Internet access, you will not be able to access you project files in The Cloud. Coupled with this, if you do have Internet access but poor connection or connection speed, then you may find working with the project file is impaired.

Last Word…

Working with EverWeb project files in The Cloud can be very beneficial to your workflow and also provides a useful addition way to keep your project file backed up safely. Although there are caveats to using project files in The Cloud, once you are used to the way in which to work within these constraints, you will find that working this way straightforward and trouble free.

The post Working With EverWeb In The Cloud first appeared on Website Building for Mac OS X | EverWeb Website Builder.