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

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

How to style Results Page created via DataBridge

Thread began 2/27/2013 2:43 pm by dlovas275157 | Last modified 3/01/2013 5:48 pm by dlovas275157 | 1623 views | 8 replies |

dlovas275157

How to style Results Page created via DataBridge

How do I create my own page design to use on my DataAssist Pages?

I see how to style the buttons within the dialog windows, but where can I style the forms and results page?

I need to change fonts, colors or text and alternate rows, shapes of add/edit/delete buttons, add padding/margins in areas to give the results table a better overall style.

The existing themes are useless "Hornet, Brassy, Cool, etc" - I just need a basic theme which I guess I need to somehow create on my own.

Looked through all the documentation, please let me know what I am missing?

Sign in to reply to this post

Jason ByrnesWebAssist

Create a Form design Using Form Builder and save the design as a preset.

you can then select that preset using the Data Assist create pages wizard.

Sign in to reply to this post

dlovas275157

Still not working ...

I created a form style via:

WebAssist > Forms > Insert New Form
(see 1st screenshot)

Then when I goto
WebAssist > Database > DataAssist Pages
the preset does not appear.
(see 2nd screenshot)

Any ideas, why its not showing up. Very complicated process to style these forms now.

Sign in to reply to this post

Jason ByrnesWebAssist

Select the Unstyled Preset, the click the edit button to select the form Preset. you can then select the button preset to use with the form preset and save that as a DA Page Layout preset.

Sign in to reply to this post

dlovas275157

When trying to edit my Form Settings inside CSS Form Builder, I get the following error:

Error Generating Preview: TypeError:
DWfile.getAttributes(orig) has no properties


Other error when choosing the Form Builder design I want to use inside the DataAsisst Wizard:
Error generating form:
TypeError: this.themeArray has no properties


I have reinstalled my extensions, and the same errors.

Sign in to reply to this post

Jason ByrnesWebAssist

export the design preset you are using and attach that to your message so i can try to reproduce the errors.

Sign in to reply to this post

dlovas275157

Jason,

Attached is my exported form design preset.

Thanks for looking into this issue further.

-Daniel

Attached Files
DL_FormBuilderPreset.zip
Sign in to reply to this post

Jason ByrnesWebAssist

here is an updated copy of the Configuration/Shared/WebAssist/Services/fb_shared_functions.js fi;e that should correct those errors.

The fix will be included in the next update that is released.

Attached Files
fb_shared_functions.js.zip
Sign in to reply to this post

dlovas275157

Jason,

Thanks for that config file. That fixed it.

One more question... I cannot seem to find how to control the appearance of the pagination arrows on the results page. See attached screenshot showing the specific pagination arrows I am referring to.

I would like to use just unstyled form button, or be able to add my own pngs for these as well. Can this be done?

Sign in to reply to this post

Jason ByrnesWebAssist

the navigation buttons, you would need to edit after the pages are created.

you could define your own custom classes with the desired stylings for the buttons, then edit the button tags to change the assigned classes to your custom defined classes.

Sign in to reply to this post
loading

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.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...