23 Jun 2017

New 3rd Party “EverWeb Widgets” Now Available!

No Comments EverWeb, Software, Web Design, Widgets

Most EverWeb Discussion Forum visitors will already know Roddy McKay whose been a fantastic provider of third party widgets for EverWeb since 2013. Roddy’s EverWebCodeBox website has been a great source of widgets that extend EverWeb’s capabilities.

Roddy’s now created a completely new website, “EverWeb Widgets“, which has just launched with over 200 new widgets designed for EverWeb 2.0 and higher.

The new widgets take advantage of EverWeb’s updated widget API so offering a more feature rich experience than those in the EverWebCodeBox. The widgets are organised in to 20 categories making it easy to find what you want quickly. A website Search button is included to quickly locate widgets and the ‘Info’ menu is a useful resource on all aspects of the new widget packs.

Different widget categories cater for different design needs. The ‘Elements’ widget pack, for example, contains twelve widgets to create tables, lists, scroll to top buttons, text wrapped images, social media buttons and more. More advanced EverWeb users may be interested in widget packs such as the ‘Responsive’ pack which gives you the tools needed to build a responsive design website within EverWeb. The new ‘Responsive’ widgets supersede the ‘Flex’ system found in the EverWebCodeBox and are much easier to set up and use than before. Information detailing how to create a Responsive style website are included as well as some caveats and limitations of this approach.

The new widgets have also taken advantage of today’s web design trends with a new ‘Hero’ widgets category, Podcast widgets, Image Sliders, widgets for mobile and more. The widget packs also take advantage of EverWeb’s Full Width feature and the updates to the EverWeb widget API. All widgets in the ‘EverWeb Widgets’ website are fully described and include a demo so you can see how each widget works in real world situations. Widgets can only be purchased in packs and not individually. The number of widgets per pack will also vary depending on the widget category.

The new third party ‘EverWeb Widgets’ offer a great resource for any EverWeb user who has specific website needs, or requirements, that go beyond what is in the product itself. There are bound to be more widgets available in the future. You can stay up to date with any future widget pack releases from Roddy via the EverWeb Discussion Forum or directly from his website.

Summary
‘EverWeb Widgets’ : Third Party Widgets for EverWeb
EverWeb Version Required: Version 2.0 or higher
Available From: www.everwebwidgets.com
Experience Level: From Beginner to Expert depending on the widgets you want to use
Availability: Now, http://www.everwebwidgets.com

22 Dec 2016

All About the New Contact Form Advanced!

No Comments EverWeb, Widgets

With all the limelight on EverWeb version 2.0‘s all new blogging environment, you may think that we’ve forgotten about the other new features of new release! Fear not as today we’re going to look at the all new Contact Form Advanced (CFA) widget!

A simple or advanced Contact Form?
The new Contact Form Advanced is an addition to the original Contact Form widget that debuted with EverWeb 1.0. The original widget is very simple and straightforward with few customisation options. It’s great when your requirements are also simple and straightforward.

Contact Form Advanced comes in to it’s own when you need more flexibility e.g. you may want to ask about users about their choices or preferences, you may be conducting a survey, or you may need to give users some extra help when they fill out the form. The screenshot below gives an example of just some of what you can do.

EverWeb Contact Form Advanced

In this example, you can see that a drop down menu has been added for age ranges, checkboxes for fruit choice preferences, extra space added between Form Controls and some font styling.

How Contact Form Advanced Works
As with all of EverWeb’s widgets, just drag and drop the CFA widget on to your page. Go to the Widget Settings tab in the Inspector to customize the form. Some settings will be familiar if you have used the original Contact Form widget e.g. ’email address’, ‘Email Subject’, ‘Email Sent Success Message’ and ‘Submit Caption’.

It’s all about Controls
What’s different with the CFA widget is that it uses Form Controls. These are customizable fields you can add, reorder and delete from your form. Each ‘Control’ has its own attributes e.g. click on the ‘Name’ Control in the list. You will see that its Control Type is ‘Text Box’. You can change this to another Control Type either Text Area, Number, Phone Number Date, Drop Down Menu, Checkbox, Radio Button, URL or email address.

When you select a Control Type, the available options depend on the Control Type you’ve chosen. Any options that are not available are greyed out. For example, the TextBox Control Type has the ‘Add Option’ box greyed out. However, ‘Default value’ text is available which is useful for pre-filling the text box itself. For example you can add instructions for your users e.g. a restaurant may add ‘Let us know if you have any food intolerances or allergies here…’ as a default value to guide the user on how to complete the form.

Adding and Using a Form Control
To add a Form Control:

  1. Click on the ‘Add’ button just under the Form Controls list. Name the new control e.g. ‘Fruit’ and press Enter.
  2. Next select the Control Type you want e.g. Checkbox from the ‘Control Type’ list.
  3. The ‘Add Option’ is available for this Control Type so click on it.
  4. Enter ‘Apple’ as the name and then press Enter.
  5. Repeat this step to create other types of fruit.
  6. As you change the Control Type and Options the CFA will update dynamically so you always see the changes as you make them. At the end of the checkbox list we included ‘Other’ then added another Form Control underneath ‘Fruit’ so that users can enter in their own fruit choice if there selection does not appear in the checkbox list. The Form Control has a default value applied to it.

    Reordering Controls
    If you’ve added in Form Controls but find later that they’re in the wrong order, click and drag the Form Control to where you want it then drop it in place. This feature is also used in EverWeb’s Image Slider and Image Gallery widgets. It’s sometimes a bit tricky to do so try first selecting the CFA widget and immediately clicking and dragging the Form Control you want to the place you want it located. It may take a couple of tries to get used to how it works. If it doesn’t work you’ll find yourself editing the name of the Form Control instead.

    Enhancing Your Form
    One of the great things about CFA is that you can customize Form Controls to produce some great effects. This only takes some very short code snippets that you can add directly into the Control itself. See the screenshot below.

    Form Control Customizations

    The Form Control section of the CFA widget showing the customizations that have been applied.

    Padding Out Form Controls
    Form Controls appear directly one after each other so there may be times when you want to give each control a bit more space. To do this just add

    before the Form Control label to add two carriage returns to give some extra padding.

    Breaking Text
    Using
    in your Form Control label is also a good way to insert a line break if the Form Control label has a lot of text in it. Just insert
    in the text where you want to split the line.

    Text Styling
    To embolden text in a Form Control label, use followed the text you want to embolden, then to return back to normal text weight.
    To use italics, use to start with and to finish.
    You can even combine the two e.g. and to create bold italics text.

    Test Drive Your Contact Form
    Always be careful when you using code in your form! Always test before publishing! For Contact Forms, it’s recommended that you publish a test page to see if the form and any styling (and code) works as expected before you publish a live form. You can use EverWeb’s Preview, but it doesn’t allow you to test ‘send’ and ‘receive’ functionality of the form as both CFA (and the regular Contact Form) use an email address to do this. Therefore, it’s best to publish a test page first.

    Finally, if you have EverWeb version 2.0, remember there’s an upgrade to 2.0.2 which includes some fixes to glitches in the initial release of Contact Form Advanced. And don’t forget that if CFA doesn’t fit the bill for your requirements there’s always the EverWebCodeBox that’s full of third party widgets that may help you out.

    The new CFA expands the capabilities of the original Contact Form and is a great addition to EverWeb. We’re looking forward to more feature adds to CFA in the future!

    In the meantime, if you have a question, comment, or some hints and tips let us know below! Thanks!

17 Apr 2014

Justified Text In EverWeb – Free Widget

15 Comments EverWeb

I have just released a brand new widget for the new iWeb replacement application called EverWeb. This widget will allow you to easily add justified text to your website. Feel free to download and use this justified text widget absolutely free.

If this is your first time downloading a widget, all you need to know is that you should quit EverWeb, double click on the widget (which is a .ewwdgt file) and the widget will automatically install (you will see a ‘Your widget has been installed’ message). You can then launch your website project and look at the widgets tab and see the newly installed widget.

IMPORTANT NOTE: For this widget to function properly, you will need EverWeb 1.4 or higher.

The folks at EverWeb will be making a video tutorial on using this widget, but until then, what you need to know is that there are 3 paragraphs that you can add text to. If you need less than 3 paragraphs, you only need to use as many as you want. If you need more, then you should drag and drop the Justified Text widget onto your page again, and just make the first paragraph on that widget the 4th paragraph in total. To make any changes to the text, simply open up the Text window and make your formatting changes just as if you would do with a regular text box in EverWeb.

I hope you enjoy the widget. If you have any problems, please let me know. More widgets will be released in the next week or two so stay tuned.

For those who do not know, EverWeb is an easy to use desktop application that allows you to make your own website. No coding knowledge or previous website building experience is required. You can download and try out EverWeb for free.