close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Web development tutorial

WebAssist Responsive Mode

Tutorial created by john70964

Categories: Data Bridge

rating

I have been wanting to create WA products that present a responsive/ mobile friendly page for some time without much success.

However I used a product from ProjectSeven.com which has enabled me to get Search, Results and Details pages all responsive without too much fuss.

The software from ProjectSeven is called Layout Builder Magic or LBM for short.

Good comprehensive instructions for LBM are available and it's a good idea to have some practice sessions with LBM and get familiar with this software. Like all these things it's easy when you know how to do it!

The responsive process is as follows:

Create a LBM Page and place in a header row and other rows as you require to give header, menu areas, a blank row for the "body" and a footer if required.

When this looks OK save it as a Dreamweaver Template and insert an Edit region which will later contain the WA pages.

Create the WA Search, Results and Detail pages with suitable names and locations.
These will be required soon.

In Dreamweaver Go to the WebAssist tab >Database > Data Assist Pages
A wizard will open and in Page settings if you already have your database and connection prepared you will find your connection listed.

I found it easier to select <new from Blank> as the application Type. Select the database table you wish to use and the key column will be shown.

Now open the tab Manage Pages
This area creates the WA pages code.
There is a Plus sign, click it and you will see a selection box with required page types.
Select search (if this is required), to create the Search page.
A new wizard will appear with another Plus sign.
Click it.
Here you can select the fields you wish to search on and the search criteria.
Click OK.
This takes you back to the first wizard.
At this point navigate to the file you created for your Search Page and that name and location folder will be shown in the Page Name and Location box.

The finished Search page should show the search form and and search box.

Repeat this complete procedure for the Results and Detail pages.

I called my test example WASearch.php and similar for Results and Details

Open the Search Page and in Dreamweaver select Modify > Templates > Apply Template to Page.
The template will the accomodate the WASearch page which should be responsive and have other advanced aspects of the LBM software


The Results (List) area does not seem to collapse as much as I would like but I hope that can be improved.

arrow downReviews and comments

Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.

Sign in to add comments
rating
rating

: 9 Months, 3 Weeks, 1 Day, 1 Hour, 48 Minutes ago

I haven't tried this yet but if it works it will be of tremendous help to me. Thank you for figuring this out and sharing.

john70964: 9 Months, 3 Weeks, 23 Hours, 21 Minutes ago

When I carried this out it worked very well but lately in some areas it does not work as well as it did at first.
The reason is I believe, that it worked quite well when used with tables but some areas are now using divs in place of tables, maybe updates and I have had less success than previous.

rating

: 9 Months, 3 Weeks, 21 Hours, 42 Minutes ago

I have several PVII products including LBM and it would be great to be able to reliably merge the responsiveness of some of their apps with the WA Products. Or is the WA stuff more responsive than I'm giving them credit for? I hardly see the word on their website.

john70964: 9 Months, 3 Weeks, 21 Hours, 3 Minutes ago

All their latest extensions are responsive.
The short answer is make a copy of a page and try the extension out.
Cheers

John

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.