Top 2 deals for RAGE Software Software

In today’s web design world, responsiveness is essential. With users browsing on phones, tablets, laptops, and desktops, your website needs to adapt to every screen size. One of EverWeb‘s best tools for responsive layouts is the Responsive Row widget

First debuted in EverWeb 2.8, the Responsive Row widget was part of a larger debut, Responsive Website Design in EverWeb. That was back in back in 2018 and much has happened in the intervening years, with the upcoming EverWeb 4.4 release taking the next leap forward in responsive design. So remember to check back here over the next couple of months for more news!

What Is the Responsive Row Widget?

The Responsive Row widget is a layout tool that helps you arrange content horizontally in a way that automatically adapts to different screen sizes. Think of it like a flexible container for your content —TextBoxes, images, shapes, buttons, widgets and so forth. When the screen size gets smaller, the Responsive Row adjusts by wrapping or stacking the items inside it, so that there is no manual resizing needed!

Why Use the Responsive Row Widget?

There are a number of reasons for using the Responsive Row widget in your site”

• Responsive by default – Your content looks great on all devices.
• Drag-and-drop simplicity – Build layouts without writing code.
• Full control – Adjust spacing, margins, alignment, and wrapping behavior.
• Combine with other widgets – Use it with FlexBox, Text Section, or other responsive widgets for powerful layouts.

When Not To Use The Responsive Row Widget

Whilst the Responsive Row widget to use in Responsive Web Design, it is not always necessary to include it in your page design. Remember that when you are creating your page designs in EverWeb, when you come to publish your site, your design gets converted to code. If you use design elements that are not needed in your pages, your code will become less efficient. The following is a list of when you do not, or should not, use the Responsive Row widget in your pages:

• When You Are Using A Fixed Width, Center-Aligned, Page Layout: If your page is not a Responsive Page Layout i.e. you are using a center-aligned layout, we do not recommend using the Responsive Row widget at all. In this layout style, elements are positioned manually and do not resize or stack for mobile devices so responsiveness isn’t a factor.
• When You Only Need One Full-Width Object: If you’re adding a single object such as a full-width TextBox, image or Navigation Menu widget it is likely that you do not need a Responsive Row to hold it. You can set that object’s width to Full Width in the Metrics Inspector, and it will stretch across the screen on its own. It is a common trap to add a full width object in to a Responsive Row widget when it is not needed.
• When You Are Using Widgets That Already Handle Responsiveness: Some widgets, such as the FlexBox, Text Section, or Responsive Image Gallery widget are already designed to be responsive on their own. If you’re using these, placing them inside a Responsive Row is optional—and sometimes unnecessary. Check the EverWeb User Manual for more details.

How to Use the Responsive Row Widget

1. Add the Widget To The Page: From the Widgets tab in the Inspector Window, drag and drop the Responsive Row widget onto the page. you will see the Responsive Row widget on the page together with information on how to use it.
2. Add Content Inside the Responsive Row: Once the widget is on the page drag and drop text, images, buttons, or other widgets in to the widget.
3. Moving Objects Inside the Responsive Row: You can easily move objects inside the Responsive Row to a different location. Just drag and drop the object you want to move to its new location. As you do this, a blue vertical guide bar will display to help you correctly locate where to drop the object being moved.
4. Deleting Objects from the Responsive Row Widget: To delete an object from the Responsive Row just select it then press the backspace key on your keyboard
5. Moving Objects Outside Of The Responsive Row: You can move and object outside of a Responsive Row if you need to e.g. you may want to move the object in to another Responsive Row. In this case, just drag and drop the object from one Responsive Row to the other. There may also be times where you want to remove the object completely from the Responsive Row e.g. you might want to move a TextBox outside of the Responsive Row. In this case, right, or secondary, click on the object (in this example, the TextBox) then select the option ‘Remove from Responsive Row’. When you do this, the object becomes a fixed width object ‘floating’ on the page. In our example, the next step would be to go to the Metrics Inspector and check the ‘Full width’ box so that the TextBox becomes responsive.
6. Moving the Responsive Row itself: As you build your Responsive page, you will have rows of full width objects that from time to time you may want to re-order. Use the Up/Down arrows attached to these full width objects to move them up and down the page.
7. Adjust Settings: Use the Widget Settings and Metrics Inspector to:
   • Set top and bottom margins and padding
   • Choose left, center, right, justified, justified-center or overlap alignment
   • Enable or disable wrapping
   • Control how content flows as the screen resizes by setting the Maximum Content Width value as desired.
8. Preview Your Page: Use the Preview button to test your design on different screen sizes.

More Tips on Using The Responsive Row Widget…

We have looked at the basics of the Responsive Row widget in this post, but there is more to discover… Here are some tips to help you further:

• Break your page into multiple Responsive Rows for better control.
• Keep each row focused—avoid placing too many items in one row.
• Combine with Full Width settings for edge-to-edge design.
• Use the FlexBox and Text Section widgets as fixed width objects inside a Responsive Row for complex layouts.
• Check out Show on Device for those times where you want to hide content e.g. you may want to hide a TextBox on a mobile device if its content is too long.
• Check out the Responsive Websites chapter in the EverWeb User Manual for more information.

Next Steps…

If you want to build clean, modern, mobile-friendly websites in EverWeb, the Responsive Row widget is essential. It’s simple to use but incredibly powerful when used right.

Whether you’re designing a product page, portfolio, or homepage, learning how to use EverWeb’s Responsive Row widget will improve your site’s performance and user experience across all devices. There will be also be more responsive tools coming in EverWeb 4.4 for macOS and Windows, so stay tuned for some exciting developments!

The post Getting Started with EverWeb’s Responsive Row Widget first appeared on Website Building for Mac OS X | EverWeb Website Builder.

Your computer’s mouse is a powerful tool that has been with us since its invention by Doug Engelbart back in 1964. For desktop users a mouse, or equivalents such as a trackpad, remain essential, even 60 plus years later on… You can take advantage of the mouse in your EverWeb project! Here’s how…

About The Three Mouse States…

First of all, we need to look at the three ‘mouse states’ as this is key to adding features to your site in EverWeb. When you use a mouse or trackpad, it will be in one of three states at any time. The first state is ‘Normal’, where you use the mouse to cursor, or move, from A to B on screen. The second state is when you hover, or ‘Mouse Over’. something on screen, e.g. hyperlinked text, or a button, which leads to a change in the target object’s behavior. The third state is ‘Mouse Down’ where an action results when you click on the target object that you have hovered over, for example, clicking on a menu item will take you to another page in your site.

EverWeb allows you to control what happens for each of these states using the Shape Options tab in the Inspector Window.

Example: Creating a Button…

In this example, we are going to create a button which we are then going to use to demonstrate how the mouse states work in EverWeb. Begin by adding a Regular Rectangle shape to the page, using the Toolbar. We can then size the button as desired using the grab handles.

Next we can add a label to the button simply by double clicking inside the shape, then typing the text label we want, in the same way that we would do if we were adding text to a TextBox. After styling the text, or applying a Paragraph Style to the text, the last step is to center the text within the button. To do this we just click on the Horizontal Alignment Center button and Vertical Alignment Middle button in the Alignment section. The button text is still not perfectly centered though as we need to set the After Paragraph value in the Spacing section to zero. Our button is now complete. With the button still selected, we click on the Shape Options tab in the Inspector Window for the next steps!

Using Shape Options…

Now that the button is complete we can apply Shape Options to it. Let’s start with the Fill section. Notice that to the right of the word ‘Fill’ is a dropdown menu with ‘Normal’ as its current setting. This corresponds to the ‘Normal’ mouse state as it relates to the currently selected object. If we click on the dropdown menu, we can see the other two states: ‘Mouse Over’ and ‘Mouse Down’. When working with objects and their Shape Options, always remember to check the selected object’s ‘State’ first, before adjusting any options.

When we add a shape to the page, by default its Color Fill will be blue, unless the default has been changed using the Format-> Default Styles… menu option.

We can change the Color Fill to something else if we want, just by clicking on the menu then selecting the desired Fill type e.g. Advanced Gradient Fill, or even Image Fill. As we are working with a button, it is likely that only a few options will apply here. In our example, we will stay with Color Fill as it is simple and clean in appearance to air visitors.

The next step is to think about what we want to happen when our visitor you mouse over the button. In our example, we want the background color to become yellow when moused over. To start we click on ‘Normal’ menu option and change it to ‘Mouse Over’. Next, we select the type of Fill which we is currently set to ‘None’. In our example, we will choose ‘Color Fill’ again. Finally, we will click on the color swatch below the Fill Type menu, then choose the yellow color swatch.

The button in the Editor Window will not change when we mouse over it, but that is alright for the moment. The final step is to repeat the above process, this time changing the mouse state menu option from ‘Mouse Over’ to Mouse Down. In our example, we would again set the Fill Type to be ‘Color Fill’, then select a green color as the choice for when our visitor clicks on the button.

To test the button, use Preview, then hover over and click on the button. You should see the color change to yellow then green respectively.

The final step is to change the colors of the button text. As the button is going to take the visitor to another page in our site, we will need to hyperlink the button text..

Hyperlinking The Button Text

One final thing where the mouse state has an effect is when you hyperlink text. In this example, we could hyperlink the button’s text to take the visitor to another page in our site. To set up the hyperlink, simply highlight the text in the button, then click on the Hyperlink Inspector in the Inspector Window. Check the box, Enable as Hyperlink to enable the hyperlinking features. In this example, we would hyperlink to another page in our site.

In the hyperlink Formatting section, we can choose the colors of the hyperlink in all three mouse states as desired. In addition to this, we can also choose whether to include an underline to indicate that the text is a hyperlink. In the case of a button, we recommend turning off the underline for all three mouse states.

Preview to test before publishing.

Using EverWeb’s Normal, Mouse Over and Mouse Down states to create active buttons gives you many more creative options and act as great Call To Actions for your visitors. It is also a useful feature for other shapes and images in your site to bring more attention to them.

Look out for the upcoming EverWeb 4.4 for macOS and Windows which is going to take mouse options to the next level! Coming Soon…

The post Getting the Most From Your Mouse and EverWeb’s Shape Option Feature! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

Building a website using a ‘no coding needed’ Windows app became easy with the introduction of EverWeb for Windows at the end of 2022. EverWeb for Windows released as version 3.9.1, using the same version numbering as its macOS counterpart.

From its launch date onwards, EverWeb’s Windows and Mac versions are usually released in synch with each other. That means there is no feature lag between the two versions – the new features and enhancements you get in one, you get in the other! Currently, EverWeb for Windows is on version 4.3, with a new 4.4 release almost ready to enter beta testing. The upcoming EverWeb 4.4 public releases expected in the next few months.

Try EverWeb for Windows Before You Buy!

One of the great things about EverWeb is that you are free to try the product for as long as possible before you purchase it. If you download the demo product from the EverWeb website, you get the latest version of the product, so you can try all of its features in full. The only caveat to this is that you cannot publish your site without purchasing an EverWeb license.

Taking a Second Look at EverWeb for Windows…

EverWeb for Windows launched at the end of EverWeb’s version 3 cycle, and a lot has happened with EverWeb version 4, so why not take another look? Here are some of the features that you may not yet know about…

• Fully redesigned Text Inspector.Now it is super easy to select fonts for the pages of your site. In addition to adding ease of use, you can now save font parameters in to Paragraph Styles that can be applied to any text, over and over again!
• All NEW PayPal Modern widget. As PayPal evolves, EverWeb keeps pace with the changes and new features PayPal adds.
• Text Justification so that you can now add justified text anywhere in EverWeb!
• Scrollable TextBoxes
• Copy Pages and Objects between EverWeb Projects
• Map and Video Fill Options for even more flexible page layouts
• Lazy Loading Images
• …and much more!

EverWeb For Windows System Requirements

Before getting started with EverWeb for Windows you will need to make sure that you are running either Windows 10 or Windows 11 operating system. If you are, then you can go ahead and download and install EverWeb for Windows.

Installing EverWeb for Windows

Once you have downloaded EverWeb for Windows from our website, installation is super easy. Just double click on the EverWebSetup.exe file. This will kick off the EverWeb for Windows Installation. Simply follow the steps of the Installation Wizard, then at the end choose if you want to add a desktop shortcut for EverWeb.

Updating EverWeb for Windows

Usually when there is a new version of EverWeb available, you will be automatically notified when you launch the product. You can control this feature by going to the Edit-> Options menu option. The Account tab is displayed. At the bottom of the dialog box you have an option to ‘Automatically Check for Updates’. By default this option is toggled on. If you do not want to use this feature, simply uncheck the option.

You can check for updates to EverWeb at any time using the Help-> Check for Updates… menu option.

Mac and Windows Version Licensing

If you run in a mixed OS environment, you can easily purchase a license to run both EverWeb for Windows and EverWeb for Mac. Start by going to your EverWeb Client Area. Once you have logged in to your Client Area, click on the Services menu, then select My Services. Next click on the down arrow to the right of the Spanner icon which itself is to the right of your current EverWeb purchase (e.g. EverWeb Standalone or with Hosting.) Select the Manage Product option. On the next screen choose the ‘Upgrade/Downgrade’ menu option then select the version of EverWeb – macOS or Windows – that you want to add to your current license.

EverWeb for Windows is a great way to build a website in Windows. There are also over 200 themes to choose from if you do not want to create your own layout! As EverWeb is drag and drop, it is easy to quickly customize and make any theme your own. And if you are more experienced, you can create more complex designs using Responsive Web Design and you can add your own code if you want as well.

EverWeb is great for both novices or experienced website designs! And if you need help at anytime, there is our 7×24 support service to answer your questions as well as our lively Discussion Forum!

Find out more about everything EverWeb at www.everwebapp.com.

The post Take a Look at EverWeb 4.3 for Windows first appeared on Website Building for Mac OS X | EverWeb Website Builder.

EverWeb’s in-site search widgets debuted with the introduction of EverWeb 3.5. These widgets easily let your visitors search your website on specific, predefined keywords, displaying the results either on the same page of your site, or on a dedicated search results page.

Why In Site Search Benefits You and Your Business

Using EverWeb’s in-site search widgets can of benefit to your business:

1. A Better User Experience – your visitors can find what they want quickly, which is beneficial for visitors who know what they are looking for. This results in a satisfied rather than frustrated visitor. You benefit too as there is a high probability of selling goods and services to this type of visitor.

2. Higher Conversion Rate: Those who use in-site search are often high intent visitors, so the prospect of converting them from visitor to buyer is higher, up to 5 to 6 times higher than a non-intent visitor.

3. Reduced ‘Bounce Rate’ – You usually want to keep your visitors in your site as long as possible, but often if a visitor cannot find what they want quickly, they will ‘bounce’ out of your site to somewhere else. Having an in site search feature will help reduce this risk.

4. Great for Mobile Users – Having to work through menus on mobile devices is not fun to do, so having a search field instead can save mobile visitors time and frustration.

5. Using In Site Search may have an SEO Spin off – Though not directly tied to Google SEO, a search function helps visitors access SEO-optimized internal pages more easily. It may also help index and expose older or buried content that still holds value.

EverWeb’s Search Field and Search Results Widgets

EverWeb, from version 3.5 onwards, includes two widgets that are dedicated to providing in site search.

Search Field Widget – This is the main widget you use to facilitate in site search. Once added to the page, you will see a search box and search button that you can configure in a number of ways in the widget’s Widget Settings.

Search Results Widget – Use this widget when you want search results to be displayed on a separate page in your site.

In addition to these widgets, if you implement search in your site, you can customize which page to use the Search on. This is useful as you may not want all the pages on your site to be searchable. To toggle this feature on or off per page, click on the Inspector button, click on the Page Settings tab if it is not already selected, then go to the Site Search section. Toggle the ‘Use in Site Search’ checkbox on or off, depending on whether you want the current page to be included in your site search or not.

Should You Use Site Search in Your Site?

You should include EverWeb’s in site search in your site if:

• You have more than 15–20 products or pages.
• You publish blog posts, articles, or tutorials.
• You sell similar or customizable items e.g. different colors, different sizes etc.
• You want to track demand or improve your user experience over time.

Using the Search Field and Search Results Widgets

If adding in site search capabilities is for you, then add the Search Field widget to your site. Usually you will want all of your pages to be able to access the widget’s search box, sort is recommend to add the widget to your site’s Master page. For more information on using the Search Field widget, check out our previous post. If you prefer your search results to be displayed on a separate page in your site, then use the Search Results widget.

Creating and Maintaining Good Search Practices in Your Site

EverWeb will look at fields such as your page’s text as well as fields that you use for SEO. As such, it is a good idea to take an SEO approach to completing fields on pages where you are using search. Typically this will mean completing the Web Page Title, Navigation Menu Display Name and Web Page Descriptions fields in the Page Settings tab. Additionally add in relevant keywords to the Search Engine Optimization section of the Page Settings tab as these will also be picked up for the in site search.

If you have many products and/or pages in your site, adding and maintaining a current list of keywords may take time and organization. You will want your list of keywords to always be up to date when you have added, removed, or changed products within the pages of your site.

Using in site search can be a real boon to your business and can help your visitors quickly and easily find what they are looking for. So it should be a win-win for your business and your visitors!

The post In Site Search Revisited: EverWeb’s Search Field Widget! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

If you are new to EverWeb, one of the first things you will do with it once you have installed the product is to create your first website. Easy enough to do, just click on the ”Create a new website” button!

Once you click on the ‘Create a new website button” you will see the Theme Template Chooser. This is where you can choose the page style that you want from over 200 predefined themes, or choose a blank theme, if you want to design your own website pages from scratch.

EverWeb’s Page Layout Types

Choosing a theme template implicitly chooses the page layout type for you. This can have a fundamental impact on the way in which you design your website, so before selecting a theme template, it is important to understand the implications of doing so.

EverWeb has three built in page layout types:

Left Aligned: This page layout type is one where the width of the page is fixed with the objects that it contains aligned left. This type of page layout is very rarely used and remains in EverWeb for legacy purposes. You will not find any predefined theme templates using this type of page layout within EverWeb. We recommend that you do not use this page layout type, but use either the Centered Layout or Responsive Layout, as described below.

Centered Layout: This type of page layout is the second type to use a fixed width page layout. Objects that you add to the page are aligned at their center. You can change the width of the page layout in EverWeb’s Inspector Window on the right hand side of its User Interface. Click on the Inspector button, then choose the Page Settings tab which is the first button on the left hand side under the Inspector button. You will see a list of Page Settings, including a section for Page Layout. Within this section, you can adjust the page width using Content Width field. By default, this is set to 1000 pixels for desktop type pages and 480 for mobile type pages.

Responsive: The Responsive Page Layout Type debuted back in EverWeb 2.8, replacing the Dynamic page layout type, which in itself was a pseudo-Responsive page layout type. The Responsive page layout is aptly named, as its layout will change, or respond, to match the device upon which it is being displayed upon. As such, you do not need to think about page width or about designing specific pages for desktop and mobile devices. The Responsive page layout makes this unnecessary.

Choosing The Right Page Layout Type….

Essentially you will be choosing between the fixed width Centered page layout type and the Responsive page layout type. Here are some things to be aware of to help you decide what is best for you and for your website.

The Advantages of EverWeb’s Centered Page Layout

1. Pixel-Perfect Design Control

You know exactly how your layout will appear within the defined width, so there will be no surprises from text wrapping or object shifts across screen sizes. This page layout type is great for when you  want tight control over object spacing, positioning, and visual hierarchy.

2. Easier to Build and Maintain Than Responsive

This page layout type is less complex compared to Responsive page design, and you do not need to account for differences in layout on different devices. As such, this page layout type is great for smaller projects, or single-device-targeted sites.

3. Works Well with EverWeb’s Mobile Pages

You can easily create a separate tailored mobile version of your site in EverWeb. whilst keeping your desktop fixed-width design in tact.

4. Allows For Fast Prototyping

Fixed width page layouts are often faster to build because you’re not managing breakpoints or fluid containers, so creating mockups for clients is quick and easy.

The Disadvantages of EverWeb’s Centered Page Layout

1. Poor Mobile Usability if you do not Include a Mobile Version

On mobile phones or smaller screens, fixed-width sites often cause horizontal scrolling or squashed views which Google may penalize your site for having poor mobile performance in search results.

2. Inflexible Across Screen Sizes

High-res desktops and large monitors may display a lot of white space on the sides, whilst users with smaller laptop screens may see cramped or overlapping content.

3. Not Future-Proof

As more users browse on mobile and tablets, fixed-width layouts can feel outdated and Responsive design is now seen as the standard and is expected by users.

4. Extra Maintenance for Separate Mobile Site

Maintaining two separate versions of your project, i.e. a desktop and a mobile version, doubles your workload for updates. Responsive layouts reduce this redundancy by using a single, adaptive design.

The Advantages of Using EverWeb’s Responsive Page Layout

1. Mobile-Friendly by Design

Responsive design automatically adjusts your content to fit all screen sizes—phones, tablets, desktops, and large monitors. There is no need to build and maintain a separate mobile version. In addition, this type of design automatically meets Google’s mobile-first indexing standards for better SEO.

2. One Site to Manage

Using Responsive design means that you only need to manage one version of your site instead of having to manage separate desktop and mobile pages. Updating content, layout, or style will be applied immediately across all devices, saving time and reducing errors.

3. Improved User Experience

Your site’s visitors will get a seamless experience on any device. Navigation, images, and text scale appropriately, reducing bounce rates and boosting engagement.

4. Modern Design Standards

Responsive sites feel more up-to-date and professional. They are automatically future-proofed as your site site will be able to automatically against to new device types and screen sizes.

5. Better SEO

Google favors mobile-friendly and responsive websites in search rankings. Also, hainvg one URL per page (instead of needing separate mobile URLs) improves indexing and reduces duplicate content issues.

6. Flexible Design Tools in EverWeb

EverWeb includes responsive features such as specifically designed widgets for responsive design. There is also “Show on Device” which helps manage object visibility across devices, as well as adjustable font sizes As such, you can effectively create complex responsive layouts without needing to code.

The Disadvantages of Using EverWeb’s Responsive Layout

1. Steeper Learning Curve

Responsive design introduces concepts such as breakpoints, containers, and device-based visibility that can be harder to grasp than fixed positioning, especially if you’re used to pixel-perfect layouts, or are new to website design.

2. Less Predictable Layout

As the page layout changes based on screen size, you do not have total control over how every element will appear, for example, text wrapping and spacing may vary more than in a fixed-width layout.

3. More Initial Setup Time

A responsive design typically requires thoughtful planning to ensure content looks good across all screen sizes. You will need to test on multiple devices or use preview frequently to check your design works correctly at all times.

4. Complex Element Positioning

Precision design is harder, especially for overlapping elements or absolute positioning.

Conclusions

If you are new to web design we would recommend starting out with a Centered Page Layout. In this way you can quickly get your website up and running whilst learning how to use EverWeb. Once you have mastered these skills, you can build a Responsive site at a later date using the skills you have already acquired.

The post Choosing The Right Page Layout for Your EverWeb Website! first appeared on Website Building for Mac OS X | EverWeb Website Builder.