Clean and best way to style web forms

Hi everyone,
I'm having trouble styling my web forms and I cant seem to find a anyone else with the same problem?
I'm just wondering what are everyone's ways how they style there forms to there designs instead of the business catalyst default style.
I know where to find my stylesheets but I would love to find any info to make it an easy process or if someone could direct me to a tutorial for the quickest and easiest way to style forms with out breaking them.
Thanks
Luke

Thanks for your help Liam.
Also when I insert a form on a page it's fine but when I have a template assigned to that page I think the form trys to use the CSS from the template and it doesn't quite work.
Not sure if you can see this http://webbasictest2.businesscatalyst.com/questionnaire.html but my buttons were only text before too.

Similar Messages

  • Best way to take a form and.....

    Looking for suggestion on the best way to take a form after submission to the DB and allow the users to save it as a PDF?
    So enduser fills out the form online and then clicks the submit...it sends the info to a db then outputs the form in a pdf form so they can save it or print it...
    any suggestion?
    B

    Do a Google search for PHP to PDF
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • What is the best way to clone a form field in BC

    Hi,
    What is the best way to clone a form field in BC.  I tried using jquery .clone.  It works fine on other forms for me but not on the BC forms, why? is it just me?  Any help would be great. Thanks

    I mean, duplicate a field with the click of a button.
    I think this should work, but it's not and  I am linked to the jquery library in the head of my page.
    <script type="text/javascript">
    $(document).ready(
      function() {
        $('input#tmpAddRow').click(
          function($e) {
            $e.preventDefault();
            $('tr#tmp').clone(true).removeAttr('id').appendTo('tbody');
        $('tr input[type=text]').focus(
          function() {
            $(this).addClass('myFocused');  
        ).blur(
          function() {
            $(this).removeClass('myFocused');
        </script>
    <img alt="" style="border: 0px solid; width: 200px; height: 134px; float: left;" src="/images/pv logo 3d.png" />
    <h3 style="text-align: center; color: #0000ff; text-shadow: #999999 0px 1px 5px;">Member Directory Listing</h3>
    <p style="text-align: center;">If you would like to be listed in the Pine Valley Middle School Directory, please fill out this form.  Only fill out the areas you would like to show up in our Directory.</p>
    <div style="margin-left: 130px;" class="form_bg">
    <form action="/CustomContentProcess.aspx?CCID=5656&amp;OID={module_oid}&amp;OTYPE={module_otype }" method="post" enctype="multipart/form-data" onsubmit="return checkWholeForm45842(this)" name="catcustomcontentform45842">
        <table cellspacing="0" cellpadding="2" border="0" class="webform">
            <tbody>
                <tr>
                    <td id="tmp"><label for="ItemName">First Name</label><br />
                    <input type="text" value="{module_firstname}" maxlength="255" id="ItemName" name="ItemName" class="cat_textbox_small" /><br />
                    <input type="button" id="tmpAddRow" value="Add a Row" />
                    </td>
                </tr>
                <tr>
                    <td><label for="CAT_Custom_131512">Last Name</label><br />
                    <input type="text" value="{module_lastname}" class="cat_textbox" id="CAT_Custom_131512" name="CAT_Custom_131512" maxlength="1024" /></td>
                </tr>
                <tr>
                    <td><label for="CAT_Custom_131509">Number</label><br />
                    <input type="text" value="{module_homephone}" class="cat_textbox" id="CAT_Custom_131509" name="CAT_Custom_131509" maxlength="1024" />
                    </td>
                </tr>
                <tr>
                    <td><label for="CAT_Custom_131510">Email</label><br />
                    <input type="text" value="{module_emailaddress}" class="cat_textbox" id="CAT_Custom_131510" name="CAT_Custom_131510" maxlength="1024" /></td>
                </tr>
                <tr>
                    <td><label for="ItemAddress">Address</label><br />
                    <input type="text" value="{module_homeaddress}" maxlength="500" class="cat_textbox" id="ItemAddress" name="ItemAddress" />
                    </td>
                </tr>
                <tr>
                    <td><label for="ItemCity">City</label><br />
                    <input type="text" value="{module_homecity}" maxlength="255" class="cat_textbox" id="ItemCity" name="ItemCity" /></td>
                </tr>
                <tr>
                    <td><label for="ItemState">State</label><br />
                    <input type="text" value="{module_homestate}" maxlength="255" class="cat_textbox" id="ItemState" name="ItemState" />
                    </td>
                </tr>
                <tr>
                    <td><label for="ItemZip">Zipcode/Postcode</label><br />
                    <input type="text" value="{module_homezip}" maxlength="255" class="cat_textbox" id="ItemZip" name="ItemZip" /></td>
                </tr>
                <tr>
                    <td class="hidden"><label for="FirstName">First Name</label><br />
                    <input type="text" value="{module_firstname}" class="cat_textbox" id="FirstName" name="CAT_Custom_131511" maxlength="1024" /></td>
                </tr>
                <tr>
                    <td><input type="submit" id="catcustomcontentbutton" value="Submit" class="cat_button" /></td>
                </tr>
            </tbody>
        </table>
        <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
        <script type="text/javascript" src="/CatalystScripts/Java_DatePicker.js"></script>
        <script type="text/javascript">
    //<![CDATA[
    var submitcount45842 = 0;function checkWholeForm45842(theForm){var why = "";if (theForm.ItemName) why += isEmpty(theForm.ItemName.value, "Item Name");if (theForm.Days) why += isNumericIfVisible(theForm.Days, "days"); if (why != ""){alert(why);return false;}if(submitcount45842 == 0){submitcount45842++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
    //]]>
    </script>
        <script type="text/javascript">
        jQuery("#ItemName").blur(function(){
            jQuery("#FirstName").val(jQuery("#ItemName").val());
    </script>
    </form>
    </div>

  • What is the proper and best way to destroy a java.util.List or Array for GC

    Hi,
    If I have a java.util.List of objects lets say:
    List<File> files = new ArrayList();The List contains 1000 file objects. When my class finishes, is it enough to do
    files = null;to make GC able to release it from memory?
    Cause it seems like I can't do the following:
    for(int i = 0; i < extracted_files.size(); i++){
                extracted_files.get(i) = null;
    }Or should I use this one:
    files.clear()What is the proper and best way to do this in order to avoid memory leaks? How about normal Arrays like File[]?
    Edited by: TolvanTolvanTolvan on 2009-sep-10 16:58

    TolvanTolvanTolvan wrote:
    Thanks for the info!
    But what if the List is a class variable running in a Web Service for like months without terminating?You mean if the List variable is a member variable of a long-lived object? Then presumably the list needs to live as long as the object does. In the unlikely scenario that the object needs to live on but its list member variable does not, then yes, setting the member to null will be needed to make the list eligible for GC. But I highly doubt this is your situation, and if it is, you probably have a design flaw.
    And if the list is referenced only by a local variable, then, as I already said, when the method ends, the variable goes out of scope, and the List is eligible for GC.
    Now, a slightly different situation is when the List needs to live a long time, and at some point during its life, you're done using some object that it refers to. In that situation, simply remove the element from the list (or set the element to null if it's an array rather than a list), and then if it's not referenced anywhere else, it can be GCed.
    How about Arrays like File[]? Do I need to iterate through the array and null all the objects or is it enough to just null the Array?YOU. DON'T. NEED. TO. HELP. GC. You don't need to set the elements to null, and you most likely don't even need to set the array variable to null.
    Also note that only references can be null, not objects.

  • Can I style Web Forms Confirmation Page Results - Specifically the "ERROR" message in the results?

    Hi,
    Can I style Web Forms Confirmation Page Results - Specifically the "ERROR" message in the results?
    {module_webformresults} is auto rendedered as a table with CSS IDs attached but nothing specific for the ERROR message - resulting in the error not being seen.
    The ERROR is triggered by a dulplicate User Name or Password.
    I tried using a JQuery text selector, but it does not work with the results for some reason.
    Any ideas?
    Attached is are the error results, see Username
    Thanks!
    P

    Hi Patrick,
    It should work. You know the id of the specific area, you know what string to search for in order to condition the appearance of the new message.
    Kind Regards,
    Alex

  • What is the easiest and best way to install or open flash drive in Sarfari on my Macbook Pro...2010 model using mountain lion

    what is the easiest and best way to install or open flash drive in Sarfari on my 2010 macbook pro using mountain lion?

    There is no really good way to do what you want. Any tracks you purchase via your own iTunes Store account are for your personal use, tied to your iTunes Store account, and can't be given to anyone else. If you don't want to gift the tracks to her and can't access her iTunes Store account, the only option other than creating her a completely new iTunes Store account (which will require a new email address for her) is to buy the CDs those tracks are on.
    Regards.

  • What is the easiest and best way to upgrade Mac OS X 10.5.8 to Lion?

    What is the easiest and best way to upgrade Mac OS X 10.5.8 to Lion?

    Make sure your Mac meets Lion's requirements >  Apple - OS X Lion - Technical specifications
    Since you are running v10.5.8, you need to upgrade to Snow Leopard which installs the Mac App Store which you need in order to download and install Lion.
    Mac OS X 10.6 Snow Leopard - Apple Store (U.S.)
    If you don't have a high speed internet connection, you may want to purchase Lion on Lion USB Thumb Drive - Apple Store (U.S.)
    If you run PowerPC apps read here before installing Lion >  Lion upgrade questions and answers:  Apple Support Communities

  • Modifying the appearance of the search box, the search button, and the submit button for web forms

    I'm trying to modify the appearance of the search box, the search button, and the submit button for web forms by modifying the CSS on Stylesheets. None of the tags I'm using (e.g. .webform .cat_button) seem to be working. What are the correct tags for those three elements?

    When you generate the help you can select / deselect the buttons that are displayed.
    See www.grainge.org for RoboHelp and Authoring tips
    @petergrainge

  • What's the best way for a web app to handle logins and sessions?

    I'm deploying in JBoss, using JSF. As is often the case, I keep User information in an entity bean. My question is, what's the best way to handle this bean?
    My inclination is to create a login page with a LoginBackingBean atached to it. When the user attempts to log in, it will see if there is a User entity bean that corresponds to the given name and password. If there is no User bean that matches, obviously we show an informative error screen.
    But what happens if there is a valid user?
    In the plain old Servlet world (without EJB / J2EE) I would just put the User object (it's an object, not an EJB) into the HttpSession, and I would create a Filter that would check for the presence of that User object, and I would map the filter to something like /members/*, and that would be it. I would use Hibernate to persist the User object, and there would also be a filter that creates a Hibernate session and stores it in the Request so that the User object would work and persist.
    How do I do this within the J2EE / EJB world?
    My first thought would be to just do the same thing. Install the User bean into the HttpSession, and create a filter and do all the same stuff. Is that the right way to do it? It would work pretty well with JSF because I could just access things in the normal JSF way: #{user.firstName} would find the "user" object in the HttpSession scope. So that's good.
    One question that comes up from that is if the user makes some change to the User object that is in the Session scope, will the EJB automatically do the right thing and make those changes persistent? Is there anything else I need to do?
    I'm new to the EJB world, but from what I can see so far, it seems like it's the best way to think about a web application.
    Thanks

    hi ,
    i think the best way is to create java beans ,in that bean call your EJB ,
    and check the validation over there.
    and make that bean scope to session.
    in each and everypage try to check the session ,if it is not valid then forward to your login page...
    otherwise continue to give access to him like guest
    Regards,
    AfTaB

  • What is the best way to migrate from Forms to ADF?

    We are in a big quagmire. Our company has been into Oracle Forms development for over 15 years. We have applications developed in Forms 6i and 10g. We have about 5 products and these 5 products have about 25 to 30 different versions. i.e. we maintain about 30 different versions of our applications. Each version of the application has about 100 forms and 100 reports.
    Now, since Forms has come to the End of life from 11g we want to move to ADF. We tried Forms to ADF migration tools but failed. So now we have decided to manually rewrite the applications in ADF.
    Our Forms / PL/SQL developers, designers and analysts (total about 40) are all Oracle Forms people. They have no experience in Java.
    What I want to know is:
    (1.) What is the BEST way to achieve this?
    (2.) Do we have to learn Java, JSF and ADF?? (i.e. All 3)?
    (3.) Is it mandatory to learn JSF??
    (4.) Assuming, comprehensive training can be given, how long will it take for Forms people to learn ADF?
    (5.) What type of training will be required?? (Java, JSF, ADF, JDeveloper etc.)
    (6.) How LONG will this take? i.e. to train all 40 and then get rewrite an application of 100+ forms and 100+ reports? (Ballpark is OK).
    (7.) Any other technologies we should learn??
    Edited by: user12240205 on Jul 18, 2012 5:48 AM

    Obvoiusly the longer you have for training the better but I think the minimum would be
    1) Java skills - I think to start off, 1 or two days reading something like Head First Java http://www.amazon.com/Head-First-Java-Kathy-Sierra/dp/0596009208
    2) I'd then get "The Quick Start Guide to Fusion Development" http://www.amazon.com/Quick-Start-Oracle-Fusion-Development/dp/0071744282/ref=sr_1_1?s=books&ie=UTF8&qid=1343201618&sr=1-1&keywords=jdeveloper+quick (declaration: I'm the author so have a vested interest, but I still think its a good place to start. - this should be about 2-3 days to read and also to try things out.
    3) In parallel I'd be watching these ADF Insider Basics http://www.oracle.com/technetwork/developer-tools/adf/learnmore/adfinsider-093342.html#a1 - a couple of hours
    4) I'd then try this tutorial http://www.oracle.com/webfolder/technetwork/tutorials/obe/jdev/obe11jdev/ps1/ria_application/developriaapplication_long.htm - 3 hours.
    5) Optionally, if you are coming from a Forms background I would also read http://download.oracle.com/otn_hosted_doc/jdeveloper/11gdemos/SummitADF/SummitADF_Redevelopment.pdf and watch http://download.oracle.com/otn_hosted_doc/jdeveloper/11gdemos/Forms_Redevelopment_ADF/Forms_Redevelopment_ADF.html - which is about 2 hours of work.
    I think this would be the absolute MINIMUM to at least be able to build some basic applications and to start feeling your way - everything else outlined in the "ADF COLLATERAL TOUR" http://download.oracle.com/otn_hosted_doc/jdeveloper/11gdemos/ADFTour/ADFTour.html could be learned as you start building some proof of concept. However, I'd wouldn't suggest you try building a real application with only one weeks exposure (in the same way I wouldn't expect you to design a product database with only one week training). I would probably expect your developers to have at least the above training and then spend about a month or so (minimum) building proof of concepts (or testing themselves with the ADF Insider Essentials Tasks). Furthermore, I'd probably expect you to have at least on senior developer/architect, with much more experience who can be making decisions on things like reuse, partitioning, architecture etc.
    Of course, this is all subjective but I hope it helps.
    regards
    Grant
    ps
    Of course, we also have formal Oracle University Training courses which you could attend (or they can be purchased to watch on line).

  • Best way to link user form with user table

    Hi all.
    What is the best way to link an user form with a user table (with all of the functions, add, update...)? I have created a simple form, and the question is next:
    depending the type object of the user table (document, master...) i have facilities to imlement the basic operations in the form?  if i create an UDO i have the functions but i want to use the form that i created with a screen painter.
    Thanks.

    Hi again i want add a new comment please.
    If i want do all functions (add,update...) of my form in my user table, and i want my user table is a <b>type document</b>? how can add new lines in my user table with objet <b>type document</b>? because when i make the instance i nedd to say what type of document is (item,order...) and when i do an add(), not add() in my user table. In what moment or how can assign that the add,update functions... affect in my table?
    Thanks again.

  • What is the best way to prompt a Form user to enter a value

    Hi,
    I apologize in advance if this topic has already been raised on the forum - I've done a search but couldn't find anything.
    Basically I would be interested in finding out if there is a 'best way' to prompt and accept an entered value from a user. I am just experimenting at the moment with asking a user to enter a date value which will then be used in code. I am running Form 9.0.4.
    Any suggestions or links would be gratefully accepted,
    regards,
    Kevin.

    I am rather puzzled by the question. Forms primary use is to accept user input, and then respond to that input. It is no wonder a search does not turn anything up.
    So there are a number of ways to accept input. The first that comes to mind is a simple input field on the canvas with some prompt text next to it.
    I don't think there really is a "best practice". It really depends on what your form is doing.
    If you explained what you mean by "which will then be used in code", or described what your form needs to do, then you would get some good suggestions.

  • Best way to style a column in an interactive report?

    Since I'd rather not do it directly in the SQL used to populate the report, can someone suggest a clean way to style all cells of a given column from an interactive report? Perhaps all cells of interest can be addressed through jquey using the "headers" attribute they share?

    Oh, and I'd also like to make the vertical separations between cells aparent if possible....Please try this one:
    .apexir_WORKSHEET_DATA TD {border-style:ridge;border-color:#98bf21;
    border-width:3px;}For more details please visit:
    http://www.w3schools.com/css/css_border.asp
    Regards,
    Fateh
    If you believe that my answer was helpful or correct, then please mark it as helpful or correct..

  • What the best ways to save web pages  on the cloud ? Using an iPhone ?

    Dear folks
    I read a lot of web pages on iPhone that I need to refer to / come back to later
    I have limited space on my iPhone and do not want to clutter the phone saving all these pages
    What are the best options to
    a) save these web pages on the cloud ?
    B) Or mail them to myself ( again store on some specific gmail or so account ? )
    Or
    C) It would also be great to convert  them to PDF and mail them to myself or  save them on box dot net or Dropbox
    Or
    d) save them initially on the phone but , eventually move them in batches to my hard drive thru backups
    What is the best option ? And  What are the best ways to do this
    Free apps / solutions preferred
    If not so paid ones are okay 
    TIA
    Regards
    Subu

    Import photos to your computer, then delete the copies that reside on the phone. Also remove apps you no longer use.

  • Best Way to Build Page/Form Logic - Adobe Muse

    Hello! I would like to build a simple site with some basic logic to get customer reviews, please see example of how a site similar to what we would like to build is set  up: http://www.loveringnashuareviews.com/leave-review
    Can anyone recommend the best way to accomplish this in Adobe Muse? Would you use the Adobe Muse Form widget or imbed form HTML from a form builder? 
    I'd love to do it all within Adobe Muse to avoid having to sign up for a separate form building vendor, but I'm open to any and all suggestions:)

    Hi Reaver74,
    In the example site, the form is an interactive form where next option is offered based on the selection. This kind of form can't be created in Muse at the moment. You need to get the code for such form from some external source and embed it in Muse.
    Cheers!
    Aish

Maybe you are looking for