Client Editing website designed using Xara Web Designer 10 Premium
Good evening all,
In my recent post I mentioned my church may have me in mind for redoing their website. If I take on the project I will want to build the entire website using Xara WD 10 Premium. However, new information will have to be added several times week which I am not inclined to do. Is it possible to set up the website so that selected church folk can go into the file and change contend or even add a graphic, video or YouTube video? I understand Xara WD 11 Premium has this feature. Thanks so much for your response. I sure do appreciate.
Bob :D
Re: Client Editing website designed using Xara Web Designer 10 Premium
Is it possible that the answer to the question I asked can be found somewhere else on this forum? Where can I go here to find out which forms program works best with Xara Designer 10 Premium? I could not find any forms or info about form use. Finally, somewhere here I read that Xara is not good for constructing commercial websites. Does that mean no websites that use Mastercard or Visa for payments? I appreciate all help and thank you so much.
bob:D
Re: Client Editing website designed using Xara Web Designer 10 Premium
My own personal/business experience of what you are trying to do will be almost impossible because the average person who uses web browsers will have little or no experience of how websites work or how to maniulate/enhance/resize photographs to fit the web page that you have designed.
Quote:
Where can I go here to find out which forms program works best with Xara Designer 10 Premium?
The short answer to your question is to setup a trial web page and just experiement with the various forms available and see which one best works for you. This will answer the question you have asked and will also teach you something about WDP10 that you can use in the future.
If I wanted a form to use on WDP10 then I would just create one in html code and insert it onto the WDP website I had created.
Re: Client Editing website designed using Xara Web Designer 10 Premium
If I wanted a form to use on WDP10 then I would just create one in html code and insert it onto the WDP website I had created.
Most Xara users don't have that level of skill in HTML and PHP.
Re: Client Editing website designed using Xara Web Designer 10 Premium
Bob,
Xara has no specific features for e-commerce, but as you will have seen elsewhere, people do use it for e-commerce by using placeholders with iFrames to contain e-commerce solutions such as ecwid.
In terms of end-user updatability, there is an online designer being trialed with version 11 of the software, but for me the idea of end-users updating a website, is fraught with problems. People want it but often don't understand the issues involved (or they probably wouldn't ask).
For forms, again people tend to use software such as jotforms in conjunction with a placeholder.
If you haven't already realised, the Xara placeholder is the go-to method for extending Xara websites to include features not provided by Xara itself.
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
pauland
If I wanted a form to use on WDP10 then I would just create one in html code and insert it onto the WDP website I had created.
Most Xara users don't have that level of skill in HTML and PHP.
Thats my whole point about levels of experience, when you are expecting members of your community to change the content of webpages.
If a member of this forum were to post the details of a form they required I would gladly create it in HTML code so they could use it in Xara. :)
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
pauland
Bob,
In terms of end-user updatability, there is an online designer being trialed with version 11 of the software, but for me the idea of end-users updating a website, is fraught with problems. People want it but often don't understand the issues involved (or they probably wouldn't ask).
Agree with ^^^. Don't get involved with that kind of a situation. Not even to help a church. It will be an absolute nightmare for you. Ask me how I know. I actually do a charity site myself( dyslexia center )and that topic came up and I shut it down right off. I was willing to do their site for free but I also realized it came with a commitment to update it when needed for free too. I told them flat out I would not do it unless I was the only one updating the site.
IF you do end up taking it on, and others will get involved and edit the site itself, make sure that the site is in no way associated with you. By that I mean no where is your name on it and such. You don't want a bad site being associated with your work. You will get the blame and rep for a bad site even if not your fault.
If the customer knew how to do website work they would do it themselves. I will NEVER do it again. The only thing I will let customers do is update things like Google calendar, blogs, PDF's they upload themselves, etc... The site itself is off limits if I am to be the webmaster. I am not even inclined to build a site for someone and then walk away, leaving them to keep it updated, because they will always blame you/me when they screw it up. Again, ask how I know.
Don't walk away from that - RUN! IF you don't want to go the extra to do updates down the road just don't even get involved. Justs etting yourself up for hassles and problems. Also, don't think because it is for a church that the people will be nicer. Just a bad situation to get into in my experience.
JMHO.
Re: Client Editing website designed using Xara Web Designer 10 Premium
:D Good Tuesday Afternoon All,
Each of you have been so wonderful and I thank you all for your great replies. Before I asked the question, I was very leery of anyone but the person who constructed the website would be able to add/remove content from a website. Thank you for supporting what I thought already. While I understand that Web Design 11 Premium permits customers to change content in the clouds, I would rather take that responsibility myself.
I still don't understand why the great company Xara does not include different forms that can be placed on the contact page "ready to go" without having to do any PHP, etc. In my copy of WD 10 Premium I don't see any info about forms in the table of contents and that's terrible as far as I am concerned. It would see to me that all website building programs should offer "contact forms". At any rate I will certainly take a look at "Jot Form & Form Tools" to start. And just to be clear, I totally understand the "down-the-road" problems that could pop up giving someone else the ability to make changes to website content that did not construct the website. Even if asked, I would not do it.
In an earlier post I was on the verge of purchasing WD 11 Premium because of it's ability to permit folk other than the website builder (which will now never happen) and the ability to do "Stretchy Backgrounds". I love this ability. I am trying to wait to see what WD 12 Premium will look like before I upgrade to WD 11 Premium. You all are wonderful and I very much appreciate all you do and the info you offer here. It' helps keep us first timers from going down a very dark road. I am particularly impressed with the fact that you all won't let us "re-invent-the-wheel" and I thank you for that. :D
Bob
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
musicmanbob
:D Good Tuesday Afternoon All,
Each of you have been so wonderful and I thank you all for your great replies. Before I asked the question, I was very leery of anyone but the person who constructed the website would be able to add/remove content from a website. Thank you for supporting what I thought already. While I understand that Web Design 11 Premium permits customers to change content in the clouds, I would rather take that responsibility myself.
I still don't understand why the great company Xara does not include different forms that can be placed on the contact page "ready to go" without having to do any PHP, etc. In my copy of WD 10 Premium I don't see any info about forms in the table of contents and that's terrible as far as I am concerned. It would see to me that all website building programs should offer "contact forms". At any rate I will certainly take a look at "Jot Form & Form Tools" to start. And just to be clear, I totally understand the "down-the-road" problems that could pop up giving someone else the ability to make changes to website content that did not construct the website. Even if asked, I would not do it.
In an earlier post I was on the verge of purchasing WD 11 Premium because of it's ability to permit folk other than the website builder (which will now never happen) and the ability to do "Stretchy Backgrounds". I love this ability. I am trying to wait to see what WD 12 Premium will look like before I upgrade to WD 11 Premium. You all are wonderful and I very much appreciate all you do and the info you offer here. It' helps keep us first timers from going down a very dark road. I am particularly impressed with the fact that you all won't let us "re-invent-the-wheel" and I thank you for that. :D
Bob
in WD10 there are a few forms/form builders available. Go to the right and click Design Gallery. Then click Page Elements & Widgets. Then click on Forms ( widgets ). There are a few builders there plus 2 different contact forms.
If you want to do a contact form and want to use a builder that does all the work for you then I suggest Jotform. Go to their site directly( I don't like using the form builder in WD10 - never seems to work right )and after creating an account you can select from templates or just make your own. I usually make my own. It is very simple. You just drag the various items you want onto your form from the various menus to the left and then you can easily edit them. After the form has been made you click on publish in the overhead menu. A popup like area appears and it gives you 3 options. Select platform and scroll down and find Xara. Copy the code and then place it in your website using a placeholder box. Adjust the size of the placeholder box until the entire form shows.
It really is easy once you do it the first time. The only thing is with Jotforms( and I suspect others as well )is that the different web browsers will display the different areas in the forms differently. It is a pain in the tuckuss frankly. IE/Xara Preview/Jotform Preview displays it all as one size, Firefox another, and then Chrome/Opera yet another. By that I mean areas like the form box to enter the message are larger( wider ) in some than the others. On IE/Xara Preview/Jotform Preview you can have it lined up perfectly with the info areas above but in FF and Chrome/Opera that area will be wider. Drives me nuts really. Another thing that happens is let's say you have 3 input sections on a line. In IE/Xara Preview/Jotform Preview they are all where they go. However, in FF and/or Chrome/Opera you find 3 sections won't display on one line( form not wide enough )so it drops the extra section down a line which adds a line and thus stuff at the bottom of the form is cut off. Those kinds of issues.
With all of that said, it is an easy fix on Jotform using custom CSS script/code. You enter some simple code that defines the max size of the input areas and it helps to keep everything lined up( or at least acceptably close ). It is very easy to do it in the form builder on Jotform. If you decide to try it let me know and I will send you the 2 lines of code to enter( under Preferences>Form Styles>Inject Custom CSS ).
The above ^^^ may sound complicated but it really isn't. You just have to dive in and do it. Once you do you wills ee it wasn't bad at all. I am completely self taught with this stuff and I have got a lot of help here and places like Jotform. You just have to ask when you don't know or can't figure it out. I can't always help out here because the others know so much more than me but when I can I try.
Hope this helps you out some.
Re: Client Editing website designed using Xara Web Designer 10 Premium
:D Again, I want to thank you so much for your guidance and super instructions. I plan to take a good look at JotForm and see how far I can go with it. However, If I have problems I feel comfortable I can come back here with questions. Let me ask a question all. I have some photos that have white backgrounds. Is there any way to blend (if that's the right terminology) the photo background with the background of the page the photo is located on? Is there any way the background of the photo can be colored to more closely match the page it's on? I hope I am being clear. If WD 10 Premium does not have this ability, does WD 11 Premium have it? I just found out what I am trying to describe here. The word is "Transparency" and I am going to print out all I see regarding transparency in the WD 10 Premium Help Section. I will try what they suggest and see what happens.
I am going to the "JotForm" website now. Thanks all.
Bob :D
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
musicmanbob
:D Again, I want to thank you so much for your guidance and super instructions. I plan to take a good look at JotForm and see how far I can go with it. However, If I have problems I feel comfortable I can come back here with questions. Let me ask a question all. I have some photos that have white backgrounds. Is there any way to blend (if that's the right terminology) the photo background with the background of the page the photo is located on? Is there any way the background of the photo can be colored to more closely match the page it's on? I hope I am being clear. If WD 10 Premium does not have this ability, does WD 11 Premium have it? I just found out what I am trying to describe here. The word is "Transparency" and I am going to print out all I see regarding transparency in the WD 10 Premium Help Section. I will try what they suggest and see what happens.
I am going to the "JotForm" website now. Thanks all.
Bob :D
In the case of your photos I would use some type of photo editing program( photoshop, paint shop pro, etc... )and turn them into transparent PNG's. It would make the white background part transparent while keeping the picture area. I do this often with photos and clipart. I don't know if this is something a Xara product can do or not? I use an old paint shop pro program from Corell I have had for years. The method will vary from product to product.
Re: Client Editing website designed using Xara Web Designer 10 Premium
:D Good afternoon GSThunder,
I followed your instructions and found widgets/form you spoke of. I also noted there was a graphic for Jotform and clicked on that and went straight to the Jotform website. I note they have a Free program and several that cost monthly fees. What choices do I make? Formtools, Jotform and others claim to be simple with a simple process. However, as you note, you use code in order to get the form to work. For us non-tech folk, that might present some difficulty. Thanks again to you.
Bob:D
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
musicmanbob
:D Good afternoon GSThunder,
I followed your instructions and found widgets/form you spoke of. I also noted there was a graphic for Jotform and clicked on that and went straight to the Jotform website. I note they have a Free program and several that cost monthly fees. What choices do I make? Formtools, Jotform and others claim to be simple with a simple process. However, as you note, you use code in order to get the form to work. For us non-tech folk, that might present some difficulty. Thanks again to you.
Bob:D
Sorry I took so long to respond. Haven't had a chance until now.
Jotform is actually very easy to use and they have been extremely reliable for me over the years. You don't need to be a code genius to tweak the form so it fits everywhere properly either. If you did I wouldn't use them for my forms. It is so easy to remedy the issue that it has now become second nature for me and takes literally only a few minutes of adjusting and previewing to get it right.
Try going to Jotform and create a free account to try it out. No sense setting up a pay account until you are sure you will use them. Start with a blank page and add the items you want on the form vs. using a template( I don't care for 99.9% of their templates actually ). There are 5 menu options to the left. Start with Form Tools. Use Text Box for all of the persons personal info( name, address, phone, etc... )that you wish them to include. Just drag a new one onto the form as many times as needed to cover everything you need an input area for. Don't use the premade ones in Quick Tools( it is harder to tweak the form later for multi-browser compatibility ). 3-4 input areas per line is the norm. You may have to widen the form to accommodate them all on one line.
Once that is all there select/drag the Text Area option onto your form for them to enter their message/question to you in. Adjust it's size so it lines up with the rows of input areas above it. Even though you will adjust sizes later using CSS( see below )you still want to make sure everything lines up side to side while building it by adjusting each box's size properties( each item you add to the form has it's own settings you can edit easily ). If you want to add anti bot security go to Quick Tools and add a Captcha box. They offer a lot of fancy options in Quick Tools, Widgets, etc... but I usually just use the basic ones listed above.
Once it is done look in the overhead form menu for Publish. When that is clicked a popup appears to the right. Select the Platform option/tab and then scroll down and look for Xara. Click the Xara button and then copy the code it shows. Go to your website and create a placeholder box where you want the form to display. Click on the Link Properties icon overhead( looks like a piece of chain )and then click the Placeholder tab. Click the HTML Body button and paste the code into the field that appears and click ok/apply. You will have to adjust the placeholder box size to allow the form to fully display.
Once the form is built and placed into your website use the preview option in Xara to view how it is displayed in the various browsers. If you only have one browser on your computer do yourself a favor and get them all so you can preview your site in the various browsers and check for display differences. I have all 4 on my system even though I only use 1 for web browsing. I have the others just so I can see how my sites display on them. This is HUGE with forms like Jotform because each browser displays them differently. The 4 browsers WD10( that is what you are using I believe )allows previews in are Internet Explorer(IE), Firefox(FF), Google Chrome(GC), and Opera. Really you only need IE/FF/GC because Opera seems to mirror GC in my experience but it doesn't hurt to have Opera as well. No preview options are offered for Edge or Safari. You would have to publish the site and manually open in those browsers to see how they work. I just stick to doing the best I can to make it work right in the 4 Xara gives us( I too use WD10 ).
What I expect you will notice once you preview is that Xara Preview and IE display the form exactly as it appears on the Jotform site( in it's preview ). In FF,GC, and Opera however it will display differently. Those browsers display the form input areas/text message box wider so it throws off alignment and can even cause items to be shifted down a line. When that happens, it shifts everything else down and leads to things being cut off at the bottom. It can be fixed fairly easy though so that you come to a compromise allowing the form to display acceptably on all browsers. For that you have to go back to Jotform.
On Jotform, with your form open, click on the preferences tab in the overhead form menu. Then select the Form Styles Tab. Go down to Inject Custom CSS and click edit. This is where you enter the code to bring the form under control. You are setting sizes for the input boxes and text area message that are more universal to all browsers. It won't be 100% perfect but you can get it close. This is what you enter there( note - enter it exactly as displayed and then replace the ### with actual numbers - try starting with 150 for the text box and 600 for the text area and adjust each up and down as needed for your specific form )...
.form-textbox {
width: ###px;
}
.form-textarea {
max-width: ###px;
}
You will have to play with each one to get things to line up as best as you can. You will have to keep tweaking the CSS code numbers and then saving the form on Jotform and then going back into Xara and previewing the site to see how the changes affected it. It is not uncommon as well to have odd numbers like 149 and 703 when you are finally done vs. nice even 150/600. It all depends on how big or small the form is.
Use these links to one of my sites that uses Jotform to see how they display differently on different browsers. On IE the contact form is 100% lined up and looks how it should and what I strive to end up with. But on FF and GC/Opera the message area is wider. On the feedback form in IE the message area is smaller than I want but it has to be that way so that there is room for it on FF and GC/Opera. All form fields are pre defined and the same but as you can see different browsers display differently even when you set the parameters. Without that little bit of custom CSS code the forms would be WAY off. IE displays the forms the way they are on Jotform the best. FF makes them somewhat wider, and GC/Opera really widen them.
Because all the browsers display differently, you will have to take that into account when creating the form area on your site. Have enough room/blank space to the right so it can expand as needed without going over other things. Use my contact form as an example. You will see there is a lot( not too much so it looks really bad )of blank space between the right edge of the form and the divider line than needed in IE. I need that extra blank area though because in FF/GC/Opera it is needed.
Contact: http://www.rfdowninghomes.com/page2.htm
Feedback: http://www.rfdowninghomes.com/page7.htm
So don't be afraid to try it out. It really isn't too hard. You just have to spend some time tweaking the CSS code to get the forms to display acceptably across all browsers. Building the forms and then tweaking the code is as easy as it gets on Jotform IMO which is why I use them. The Jotform message community is awesome as far as getting help. They answer fast and they never talk down to people with little experience. Don't hesitate to ask questions there too.
Hope this helps and please ask if I can offer any more info for you.
Re: Client Editing website designed using Xara Web Designer 10 Premium
gsthunder - many thanks for taking the time to post the tweaks with jotform, I was pulling my hair out at one stage trying to get a form to display properly and I think that your suggestions may be the answer - cant wait to try them!
Re: Client Editing website designed using Xara Web Designer 10 Premium
Quote:
Originally Posted by
nobbyy
gsthunder - many thanks for taking the time to post the tweaks with jotform, I was pulling my hair out at one stage trying to get a form to display properly and I think that your suggestions may be the answer - cant wait to try them!
It drove me insane too. It never used to be an issue as the forms displayed pretty much the same among the browsers and then all of a sudden FF and GC went hay wire after various revisions. I asked on the Jotform community forum for help and that is where I got the CSS tweaks. If you will use more than just the basic inputs I talk of you may need different tweaks. Ask on their forum. Great folks over there just as there is here. Glad to help whenever I can( not often as my skills are limited )and hope it actually does help you.
Re: Client Editing website designed using Xara Web Designer 10 Premium
Thanks gsthunder -thats a really helpful suggestion.
Re: Client Editing website designed using Xara Web Designer 10 Premium
Hello all, I've been saved. One of the church Ministers has taken on the task of building the church website. She will be using "Word Press". I'm thinking it's like working with Dreamweaver, but I could be wrong since it may not require one to know HTML or code stuff. Thanks everyone for guiding me away from this project. I sure do appreciate. Thanks all. :)
bob
Re: Client Editing website designed using Xara Web Designer 10 Premium
Hi,
I am having similar problems with Jotform, I have got my form showing correctly on Safari mobile, (finally) and also on Chrome, Edge etc, my problem is the ipad, again running Chrome or Safari, I am having to put a large gap after the form and before the footer on my desktop version, so it shows correctly on the ipad.
Anybody had this one?
My form is set to responsive, but I think I tried it without, tried so many different things, cannot remember half of them now!