Web Form Editor - basic help needed!

I must be the world's dumbest designer. I am trying to create a contact form in Business Catalyst to be placed in Muse. Now, I use Muse because I know very little about coding, so that is probably why I am struggling so bad creating this form. Typically, I use the form building widget in Muse to create my forms, but my client would like to include a dropdown list and an "add file" function to the form. I have watched a couple videos on youtube on how to set up a form, but I am getting hung up on the formatting. The form technically has everything I need, but it is horribly ugly! I have tried using the "Customize Web Form" option within BC (as well as the Style Builder), but nothing I do makes any difference.
See for yourself:
THis is what the form looks like in Muse. I manually added the blue box in Muse. There are so many things wrong I don't know where to start! The form fields are too small, I can't change the font or color and I want to get rid of the Title. I have tried playing with the code, but nothing works. Is there a tutorial somewhere teaching us how to edit a form using the built in web form editor?
Thank you so much for your help!

You need to assign a class to each input element and then target those classes with CSS.
Example:
<input type="text" name="FirstName" id="FirstName" class="cat_textbox" maxlength="255">
CSS:
.cat_textbox {
width: 300px;
height: 25px;
border-radius: 3px;
box-shadow: inset 1px 1px 2px 0 #DADADA;
-webkit-box-shadow: inset 1px 1px 2px 0 #DADADA;
border-color: #B6B6B6;
border-style: solid;
border-width: 1px;
I can help you out more in a few hours. I highly recommend learning as much CSS & HTML as you can.
-Ryan

Similar Messages

Web forms issue clashed - help needed!

hello experts,
i need an urgent as my website is now live, its beyond post-deadline. So I know a kind helpful solution to my problem. Ok here's the thing. I am unable to upload two webform in a single page. If i do add several web form into one page, the email notification won’t work. in other words, i will not receive any enquiries from customers. why is it not possible? i need to add different web form to different pricing option. please check out what i mean at my photography webpage at http://www.purpleperfect.com/wedding-offer-pricing.html
please help me resolve this issue, thank you in advance.

i guess that makes sense.... at least i need to add a second form at the bottom of the page, right on "click here".
btw, i have tested the forms, and it works fine. but if i add two different forms from bc into a single page, none of the forms will work within that page. i had this issue previously with my client website, but i never needed two webforms in a single page until today. do help me out.

Oracle UCM 11G missing Web Form Editor

Hello All,
Oracle 10G UCM provided a WebForm Editor. After installation of newer version Oracle UCM 11G we found the feature is missing.
Is there a substitute provided by Oracle in 11G version for the same?
We need to provide functionality to end users where they could go and create some forms on their own. We were thinking to use Web-Form Editor for the same, but to our surprise we found the feature is missing.
Can anyone suggest if we are missing something. Any help is appreciated.
Thanks.

Kent,
You're correct that the general UCM docs don't include that detail, but the FormEditor component readme.txt does include that info. I didn't open the readme.doc, but the readme says that there's more info in there.
From the component readme:
<snip>
Updated 2010-02-16
The HTML editor UI is now only enabled if the configuration parameter HasWebFormEditorUI is set
to true. See BUG 9218712
</snip>
Thanks,
-ryan
Ryan Sullivan | ECMconsultant
http://www.ecmconsultant.net/
Edited by: Ryan Sullivan on May 5, 2011 12:25 PM

Web form editor in Oracle UCM

Hi,
I am using oracle UCM repository for the content management and its inbuid web form editor for creating HTML content.
but when i am trying to insert image, it gives some 'server didn't send back a proper XML response' error.
can anybody please help me on the same.

See if this helps:
http://cksource.com/forums/viewtopic.php?t=6642&f=5

How do we customize the default CKEditor for Web Form Editor in UCM 10gR3?

Our customers are using the Web Form Editor for some WYSIWYG changes. The form has too many options and they would like to limit what the users can do. We have attempted to make changes to the following files to customize the CKEditor for Web Form Editor and cannot see our changes reflected after saving/restarting Content Server.
Instance\weblayout\webform\ckeditor\config.js
Instance\weblayout\resources\wcm\3rdparty\fckeditor\fckconfig.js
Instance\custom\FCKEditor\webform\ckeditor\config.js
To test a simple change we tried adding the following to change the toolbar options.
CKEDITOR.editorConfig = function( config )
config.toolbar = 'MyToolbar';
config.toolbar_MyToolbar =
['NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
['Styles','Format'],
['Bold','Italic','Strike'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['Link','Unlink','Anchor'],
['Maximize','-','About']
There isn't much standard documentation on this out of the box feature and I've searched Oracle Support with no luck.
Content Server 10gR3 (10.1.3.5.1)
FCKEditor 2010_12_18 ($Rev: 90491 $) br-10g-10.1.3.5-release
CS10gR35UpdateBundle 2011_02_08 (build 93)
Thanks,
Angela

Posting the answer:
You need to make the changes to the webforms component inside the ~\custom\FormEditor\templates\fe_config.js file. Then propagate your changes using the Administration > Actions > Publish layout files page.
One more quick question - where do we limit the Styles, Fonts, Sizes, Colors?
in the same file we added lines similar to the following to limit the fonts,
styles....
CKEDITOR.config.font_names = 'Arial;Times New Roman;Verdana';
CKEDITOR.config.fontSize_sizes = '16/16px;24/24px;48/48px;';

Web form editor download

Im unable to find the "Web Form Editor" installable on the oracle site.
anybody know any links?
regards.
PM.

This is a component for Content Server. It is named FormEditor, look for the FormEditor.zip file and install as any other component would be installed through component wizard or admin server.
Check Here:
ContentServer_Windows_10gR3_20080807.zip\packages\allplatform
for FormEditor.zip

Adobe BC Web Form Customization - Basic HTML

Hi all,
I've got a form that I created in BC, and obviously it looks like doo doo because that what standard forms look like in BC. I had created a form directly in Muse manually, but I needed the clickable boxes that BC offered, so I'm signed up.
Obviously, I know very little if not zero code, hence why I'm using Muse, so I have no idea where to start with customization in terms of the form (i.e. font colors, padding, etc).
I was wondering if anyone has gone through this before and maybe has a few tutorials they would like to share. Let me know your thoughts, thanks in advance.
What my form used to look like:

I've finally found a workaround for this! It may not be the most elegant solution and I don't know if it will help you, but it accomplished what I needed and it didn't break the form. Here's what it looks like now:
The text is now the font I want, and bigger, I was able to add the borders where I wanted them, plus do some other things.
Someone with knowledge of CSS & HTML showed me where to add the coding needed to change the look of the form. And with the help of this site: CSS Reference, I was able to take it from there (with a bit of trial and error). Here's what I did.
Once I had all the elements in the form that I needed, the first thing I had to do was insert the form on the site differently than I did before. Before, I had used 1-click insert, and tried to customize the HTML in Business Catalyst. That did not work for me, because the form would not accept any style changes. It seemed like it did, but after publishing it looked just as it did before.
Instead, I used the "Get Web Form HTML Code" under "More Actions" and copied the code. Then logged out of BC, and opened a text editor to paste the code into and add my modifications.
Now, to accomplish the style changes -- and here is where the trial and error comes in -- I had to add a <style> tag (forgive me if I am using the wrong terminology, I don't know what anything is called or what I am doing really... but the bottom line is I got it to work) at the very end of the form, between </script> and </form>. I was told it's important that it goes after the script. That's where I was able to add some CSS that accomplished what I needed.
With the help of Google Chrome and View>Developer>Developer Tools, I was able to find out what the various class names were that I needed to alter. If you don't know how the developer tools work, try to find someone who can show you or post back and I will try my best to explain. I will paste my code below so you can see what I did, but yours will of course vary because your form has different elements and you need a different look. I'm adding in bold what each class affected in case that saves you some searching.
<style>
(This first class is just the asterisks for the required fields, for some reason they are separate from the actual words)
.req{
font-family: verdana;
font-size: 14px;
(This class is the words that go with the asterisks, i.e. Name, State, etc.)
.webform label{
font-family: verdana;
font-size: 14px;
(This class is the various items that make up the Checkbox List)
.webform{
font-family: verdana;
font-size: 14px;
(Setting this class to 0px padding removed extra spacing between the fields)
.td{
padding: 0px;
(This class was for a multi-line custom field I added)
.cat_listbox{
border: 2px solid #f06823;
border-radius: 10px;
background-color: white;
width: 350px;
padding: 6px;
(This class was for all the other text entry fields, the ones I needed the orange border on, Name, State, etc.)
.cat_textbox{
border: 2px solid #f06823;
border-radius: 10px;
background-color: white;
width: 350px;
height: 26px;
padding: 0px 6px 0px 6px;
(This class was for the Submit button)
.cat_button{
border: 2px solid #f06823;
border-radius: 10px;
width: 177px;
height: 30px;
font-family: verdana;
font-size: 12pt;
color: white;
background-color: #f06823;
</style>
Back in Muse, I inserted the new code on the page by choosing Object>Insert HTML. After pasting it would sit there with a spinning wheel for a bit and eventually come up with an exclamation point and "Unable to generate thumbnail." (Ignore that.) I then moved the box where it needed to go and resized it to touch the footer, so the page would stretch to accommodate the full form. After that I published the page and everything looked fine. You can use preview but in my experience it didn't show things the same as the published site.
I recommend that you create a test site (or at the very least a test page within your real site) where you can play with this to see how it works. Maybe use my code above and paste it in the right place to see how it changes things... and then customize for your own use. I did test the form after publishing and it does still work just fine. The only thing that broke a part of it for me was trying to change the background color for the date picker. It's a light gray (#F0F0F0) and I wanted it white. You can see it right there in the form's own HTML, but changing it to white made it stop working. The field was still there but the date picker would no longer pop up when clicking on the field.
ANYWAY! I know this is very long but I hope it helps you, or someone else if you've moved on.
Good luck! And if anyone with any CSS knowledge reads this and sees any problems with my solution, please do chime in...

PE51/Form Editor for Payslip - Need to Include a digital signature

Hi,
I have the digital signature of the Manager of HR, and I need to include it in the payslip automatically.
The payslip was made by using de PE51 Form Editor, and I can´t find the way to include it.
I need to Know if there is a posibility to do this, using the PE51, or if I need to re-do the form in Sapscript.
Thanks for your answers.
Susana Quiroz.

I believe you do have to put it in a SAPScript form. I do not recall any way to put it directly into your HR Form through PE51. Our rem statement is printed using a combination of a SAPScript and an HR Form, so our electronic signature is just included in the SAPScript.
You might want to check your config to see if you already have a SAPScript assigned to your payment method. It is under: Financial Accounting --> Accounts Receivable and Accounts Payable --> Business Transactions --> Outgoing Payments --> Automatic Outgoing Payments --> Payment Method/Bank Selection for Payment Program --> Set up payment methods per company code for payment transactions.

Order Form Processing - Urgent help needed

Hi All,
I am in deep trouble trying to sort this out. Please help me get out of this as soon as possible. I am using JSP, MySQL and Tomcat for development of my company's web site. I have a dealer section where dealers can login and place orders online. Given this scenario following are my worries.
Suppose all the entries in the form are OK and the form is submitted following has to happen.
The entry goes to the Order table with status as NEW. This happens and works fine now.
A copy of acknowledgement is mailed to the dealer. Also possible with JavaMail.
The order acknowledgement letter is printed automatically without any human intervention. i.e. window.print() method is not to be used.
Or simply put the user has to click a single button and all these 3 actions should take place, he should not be made to click "Send Message" or "Print" > OK.
Please anybody and everybody who can help reply.
Rgds,
REDAM

I can help u for sending acknowledgement on clicking submit button.
u add following code in ur form and ucan send the mail.
But other things are not clear pl. make them clear,
Bye
Samir
//put mail api and set the classpath, if u need help write again
<%@ page import="java.awt.*,java.util.*, javax.mail.*, javax.mail.internet.*" %>//import these
Properties props = new Properties();
props.put("mail.smtp.host", "urmailserver");//add here ur mail server ip aa 198.1.1.xx or name
Session s = Session.getInstance(props,null);
     /*String      NAME=request.getParameter("NAME");
     String      COMMANDO=request.getParameter("COMMANDO");
     String      GGBS=request.getParameter("GGBS");
     String      ADDRESS=request.getParameter("ADDRESS");
     //String      NAME=request.getParameter("NAME");
     ///String      NAME=request.getParameter("NAME");*/ change it according to ur need
MimeMessage message = new MimeMessage(s);
InternetAddress from = new InternetAddress("[email protected]");
message.setFrom(from);
InternetAddress to = new InternetAddress("[email protected]");
message.addRecipient(Message.RecipientType.TO, to);
message.setSubject("Test from JavaMail.");
message.setText("Order from * "+DEL_NAME+ " *\n\n "+"Commando Quantity= "+COMMANDO_QTY+"\n\n "+"GGBS Quantity= "+GGBS_QTY+"\n\n "+"Delivery At # "+REC_ADDR1+"\n"+REC_ADDR2+" #\n\n ");//change this to ur need
Transport.send(message);
     response.sendRedirect("/indorama/jsp/orderconfirm.jsp");

CSS11506 - Some basic help needed

Alright, I have a CSS11506 in the lab and I am trying to configure it into a reverse proxy config. So I would like to have all inbound http requests hit the CSS and then have it redirect to our web server on correct DMZ. Having never setup a CSS before I need some help.
- Is my service type proxy-cache, type redirect or type transparent cache ?
I know this should be fairly easy to do with the 11506. Can you also provide some docs explaining the config walkthru.
Any help would be appreciated.
Cheers
Dave

Thanks, that explains a few things.
So assuming the following, DMZ web server ip is 192.168.20.50 and VIP for CSS is 192.168.20.100, basically I would want to redirect all inbound http requests from 192.168.20.100 to the 192.168.20.50 using the following CSS config ?
service rprox1
ip address 192.168.20.50
protocol tcp
port 8080
active
owner clee
content redirect_rule
add service rprox1
vip address 192.168.20.100
protocol tcp
port 8080
url "/*"
Like I said, never configured one yet so this is my first attemtp.
Thanks again for the help
Cheers
Dave

PDF form field calculation help needed

I need to make some simple calculations on a pdf form and need some help.
I have a form field for number of guests.
A field for a set cost for various tickets (there are 3 levels of ticket prices) (I might not need this field).
A subtotal of the guests attending and ticket price.
A grand total of the subtotals.
I can't figure out how to either put in a fixed cost in a form field or input a calculation so that the number of tickets is muliplied by a fixed number and gives me a subtotal.
Thanks.

Ok. I finally got the calculations to work. But..... when I save and open in Reader, they don't work. Go back to Pro, they don't work there now either. They also don't show up under the Set Field Order Calculations. To reset them, i have to erase the calculations, save, redo the calculations. Preview the form and everything works — calculations happen and i get a total.
Adobe Reader usage rights are enabled.
Why is this so hard?
I found this thread http://forums.adobe.com/message/1152890#1152890 about it. Is this bug still going on since 2009?
Ok. Apparently you have to enable reader rights after the form is done. It seems to work now. What a pain.

PDF form javascript time help needed

I am creating a fillable form using time formats and I need help with 2 parts. First part is at the top. I would like the total time to display in hours. It should take total loaded departed minus total loaded arrived time and total it into the first Total Time box as hours but I can only get it to display as a number. Every time I tried to format it as a time it would give me an error.
Second part I need help with is down toward the bottom. It's called 030-LOAD DELAY. This will also display as a time format. It will take that top Loaded Time Total and subtract an hour. How do I do that?
I have been googling for hours and hours on this. There's so many ways to do this but every time I try different ways, it doesn't work and I end up confusing myself even more.
(and btw, I'm using acrobat version 9)

Ok. I finally got the calculations to work. But..... when I save and open in Reader, they don't work. Go back to Pro, they don't work there now either. They also don't show up under the Set Field Order Calculations. To reset them, i have to erase the calculations, save, redo the calculations. Preview the form and everything works — calculations happen and i get a total.
Adobe Reader usage rights are enabled.
Why is this so hard?
I found this thread http://forums.adobe.com/message/1152890#1152890 about it. Is this bug still going on since 2009?
Ok. Apparently you have to enable reader rights after the form is done. It seems to work now. What a pain.

Basic help needed very much

Hi,
I have an Epson 3800 printer and Adobe Elements 7 (Epson advised me that I should buy some version of Photoshop to take full advantage of the printers capabilities).....Problem is need basic info on how to set all the buttons to make a decent print. There are many,many choices on various drop down tabs all through the process of making a print. Also, It seems that all my pictures are 72 ppi ...is this a default setting ? Or, did I do something wrong when I downloaded them from my camera ? PLEASE help ! If at all possible someone could guide me through the process step by step I would be very, very grateful. I need guidance from the download, through the myriad of buttons (ie: color management, size selections (why do I have to tell both Elements and the printer the size of my paper?!!$#@) what's up with 72ppi on all my pics, if i change to 300 ppi wont pics get worse ? )
I called Epson and asked them to walk me through a print but they wouldnt because they said I'm going through Elements first and that is not their responsibility! BUT THEY ADVISED ME TO GET ELEMENTS IN THE FIRST PLACE !!!
Please help...I am an artist (painter) ...my website is www.theeastcoastartist.com I will send a free 8 X 10 signed print of a painting to anyone that can help me get a decent print or just tell me which settings to make each step of the way.
Thanks,
Frank

Frank, here's a couple links to tutorials that may help. They use Photoshop but the print settings in Elements are similar enough.
http://www.wonderhowto.com/how-to/video/how-to-print-from-photoshop-to-the-epson-stylus-pr o-3800-260408/
http://people.csail.mit.edu/ericchan/dp/Epson3800/printworkflow.html
As far as the resolution, stated in pixels per inch (ppi), the images from your camera have a fixed number of pixels, so resolution is determined by the size of the print...the larger the print, the larger the pixels, the lower the resolution. 300 ppi is considered optimum for printing...higher won't hurt, lower than 250 ppi may start to be noticable.

Apex form and LOV help needed

Hello everyone would anyone be able to help me on a project that im working on basically there are forms with different regions on them and in each of these regions there is a list of values which would be agree, neutral or disagree now these three drop down values must have a percentage assigned to them like agree would have 60% assigned to it neutral would have 0 assigned to it and disagree would have 20% assigned to it . Heres the thing how do i assign percentages to those list of values and then have them inserted into a database . So that with more users using this app i could create a chart of the data inputted by the list of values . [email protected]

More details of this can be found in this link:
http://java.sun.com/webservices/docs/1.2/tutorial/doc/Security5.html

SSH basics - help needed

I'm new to networking, so bear with me. Here is what I am trying to do:
I would like to get to websites that are blocked by a corporate firewall (websense). (I take full responsibility for what I am doing and am not putting myself at risk - don't worry).
It seems like I could use SSH to connect to my home internet connection thus bypassing the firewall.
Is that true? If so, what do I need to do?
Here's my equipment - 2 Macbook Pros, one fuctioning as a desktop at home, one portable. Airport Extreme N router (not gigabit). Comcast home cable internet.
I just downloaded a program salled SSHTunnel that sounds like it should help, but I don't know where to start.

The easy route.
Use TeamViewer <http://teamviewer.com>. Leave TeamViewer running on your home Mac. It will display a "Wait for session ID". Copy that session ID number, and take it with you to work.
On your work system, run another copy of TeamViewer (there are both PC and Mac versions).
Configure the work TeamViewer with your corporate Proxy settings
TeamViewer -> Preferences -> General -> Proxy Settings...
Now on your work TeamViewer enter the Wait for session ID you got from your home system, and enter that in your work system's Create session ID field. Then click Connect to Partner button.
This is the easiest way I know about.
The HARD WAY: You can do this via ssh, but there are a lot more detailed steps.
1st question. Does your company allow "Out-Bound" ssh connections? If it does, that helps a lot. If they DO NOT, then you would need to mess with an OpenSource program called "Corkscrew" that will get ssh through a proxy server.
Once you get through the firewall, then you will need to get a dynamic DNS name for your home system. No-IP.com and DynDNS.org offer free dynamic DNS names. You use this so you do not need to worry about your ISP changing your home IP address.
Now you need to configure your home router so it Forwards Port 22 from the internet side to your destination Mac.
On your destination Mac, you need to enable System Preferences -> Sharing -> Remote Login, and while you are at it, you should enable screen sharing preference.
Now on your work system, you ssh to your home system. The form of the command depends on whether you need to use corkscrew or not.
Without corkscrew:
ssh -L 5901:localhost:5900 [email protected]
With corkescrew:
ssh -L 5900:localhost:5900
-o 'ProxyCommand /path/to/corkscrew proxy.server.address 8080 %h %p'
[email protected]
Now you have an ssh tunnel which you can run screen sharing across. Using a VNC client. On a Mac you can use:
Finder -> Go -> Connect to server
vnc://localhost:5900
If using a 3rd party VNC client, you still specify localhost and port 5900 as these what the ssh tunnel established as the path to the remote Mac's VNC server.
Now you should be able to use your home Mac and its browser to surf anywhere you like.
If you wish to increase your complication, you could use ssh to create a SOCKS proxy. You would add the following to your ssh command:
-D 12345
Then you configure your bowser to use the SOCKS proxy server via port 12345

Web Form Editor - basic help needed!

Similar Messages

Maybe you are looking for