How to make embedded HTML form look normal?

Hello,
In Muse, if I Insert HTML code with:
<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
…the form is displayed in my Muse page.  However, it doesn't look normal, meaning:
- The text fields have no border and appear to be invisible until you start typing in them.
- The Submit button size is minimal, wrapping tightly around the text, and there is no border or bevel.
* I have experimented with specifying an HTML border and width in the above code, with no change in results.
Basically, this HTML code looks normal in a regular .html page.  However, in a Muse page (with Insert HTML), the visual appearance of the form elements looks abnormal… stripped-down.
Can anyone suggest a way to add HTML form content and make it look correct?  I don't want to use the Muse Form Widgets, because they all "require" the email field, and I don't want that capability.  Thanks for any suggestions.

I answered my own problem.
It seems that the solution is having knowledge of CSS, which I don't.  That's what Muse is supposed to provide, and I'm not a CSS expert.
At http://www.ronpershing.com/blog/how-to-make-a-custom-contact-form-in-adobe-muse/ , Ron Pershing gives some very simple code on making it all work with Muse.  I'm not affiliated with him or his website, but since he was kind enough to publish a solution, his work should get some attention.

Similar Messages

  • How to make custom html form buttons - here's a way to do it.

    I have been trying to create custom HTML form rollover submit/Reset buttons but could not get it going.
    There is a Javascript way but I do not know how.
    Anyway, I manage to get it working in all browsers except for IE 6. It does not hover in IE 6.
    Here is the HTML code:
    <label class="contact_form_btn">
    <input type="submit" name="submit_btn" class="contact_form_submit_btn" value="Submit form" />
    </label>
    And here is the CSS:
    .contact_form_btn, .contact_form_submit_btn {
        margin: 0;
        padding: 0;
        display: block;
        line-height: 40px;
        height: 40px;
        width: 200px;
        font-family: "Century Gothic", "Trebuchet MS", Verdana, Tahoma;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        float: left;
        background-image: url(../my_website_images/form_btn_set.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
    .contact_form_btn {
        background-image: url(../my_website_images/form_btn_set.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
    .contact_form_submit_btn {
        background: transparent;
        border: none;
        cursor: pointer;
        float: left;
        clear: left;
    .contact_form_btn:hover {
        background-image: url(../my_website_images/form_btn_set.jpg);
        background-repeat: repeat-x;
        background-position: top;
    It works perfectly but not in IE 6.
    In IE 6 the image does work but there is no hover effect.
    I'm using it anyway - screw it.
    But for the sake of learning and advancement  - does anybody have an idea why it will not rollover in IE 6?

    JoeyD1978 wrote:
    You can use an HTC to fix the hover on IE6:
    http://www.danvega.org/blog/index.cfm/2008/1/1/CSS-hover-selector
    Hello,
    I read the information on the link you posted but I'm a litle confused as to how this is implemented.
    There is nothing mentioned about attaching a script to the document.
    All I read is that you add this to the body:  body {    behavior: url("csshover3.htc"); }
    And so my question is. The files that you download, where do you put them? Do you attached them to the header of the html page?
    Or do you pull them through the url that's attached in the CSS page body?
    I have contacted the author but if you know the answer, please explain further.
    Thanks again, Patrick

  • How to make a PDF form with expanding tabel or expanding fields, like in Word.

    How to make a PDF form with expanding tabel or expanding fields, like in Word.

    This is currently not possible in Formscentral. It is something we are working on for the future. Please stay tuned.
    Andrew Yarborough

  • Can someone tell me how to make the letters that look like fabric?

    Can someone tell me how to make the letters that look like fabric?

    pharrout wrote:
    Can someone tell me how to make the letters that look like fabric?
    It could be as simple as clipping an image of the fabric of your choice, to a text layer.
    In this example the Hessian texture was downloaded from Google images, and placed over a Type layer.  You then Alt (Opt) click the intersection of the Type and Hessian layer to clip them together.  This just means that only the shape of the underlying layer will show in the clipped layer.

  • How to make the oracle forms 10g applet or runtime the size of 1024x768?

    Hi,
    Can anyone tell me
    How to make the oracle forms 10g applet or runtime the size of 1024x768?
    Thanks in advans..

    Please post your question in Forms Topic
    Kamran Agayev A. (10g OCP)
    http://kamranagayev.wordpress.com
    [Step by Step install Oracle on Linux and Automate the installation using Shell Script |http://kamranagayev.wordpress.com/2009/05/01/step-by-step-installing-oracle-database-10g-release-2-on-linux-centos-and-automate-the-installation-using-linux-shell-script/]

  • How to make a ADOBE FORM as interactive??

    Hi experts,
                       Please anybody share how to make a ADOBE FORM interactive ? It means the content of the form ( text field etc.,) can be varied ( selected dynamically ) and also the form should be freeze later , so that it cannot be edited again ,.
                    Thanks in advance!!

    Hi shukla,
    Thanks for u r response.
    Here my problem is i created webdynpro component view with interactive element .And i set the all required properties also like checking enable checkbox ,pdfsourcr,formname allthe requird things i did and i developed one adobeform using sfp tcode. In that form they are some input fields are their. and i activated every thing sucessfully.
       while executing webdynpro app i am getting pdf also.But in that pdf i cant able to fill the input fields..i checked with javascript code , and different layouts also but still it will be not editable in pdf..
    I need the solution for this........ Pls help me, I stucked with thispoint ,and its urgent...
    Regards,
    Venkat.

  • How to make a contact form script

    i need help in how to make a contact form script, and how to
    insert it into dreamweaver ugent

    Does your host support PHP? If so -
    http://sourtea.com/articles.php?ref=30
    Shane H
    [email protected]
    http://www.avenuedesigners.com
    =============================================
    COMING SOON - Infooki [unboxed]:
    http://infooki.sourtea.com/
    Web Dev Articles, photography, and more:
    http://sourtea.com
    =============================================
    Proud GAWDS Member
    http://www.gawds.org/showmember.php?memberid=1495
    Delivering accessible websites to all ...
    =============================================
    "alagie82" <[email protected]> wrote in
    message
    news:em6gmt$q2n$[email protected]..
    >i need help in how to make a contact form script, and how
    to insert it into
    >dreamweaver ugent

  • How to Make a Registration form

    Hi
    Can any one please tell me how to make a registartion form in Oracle9iAS Portal
    for e.g
    Login Id..
    Password..
    First Name..
    etc
    i want to insert data and then login with that user name and password actually in which table should i insert the data .....
    Any other suggestions which can solve the purpose would be of great help
    Please Help!!
    Regards
    Pooja

    In the PDK-Java is Subscriber Registration Portlet (see: http://portalstudio.oracle.com/servlet/page?_pageid=414&_dad=ops&_schema=OPSTUDIO&_mode=3)
    Please, check that one first.
    Regards,
    Jari
    null

  • In portlets, how to use a html form passing  values to the another page?

    it is well known that in web developing , we have two methods to pass values to another page.<!--
    1. passing values
    2.<form action="nextPage" method ="post"></form>-->
    but how to use two methods in oracle portal portlets?
    I have got a simple example which submit two values to the page for itself, means a page has a form with submit botton, user input the form with values and then submit them by submit botton, then the page recevice those values and show it .
    this example is powered by oracle ,
    please have a look at these code:
    <br><br>
    <%@ page contentType="text/html;charset=UTF-8" %>
    <%@page import="java.util.*, oracle.portal.provider.v2.*" %>
    <%@page import="oracle.portal.provider.v2.http.HttpCommonConstants" %>
    <%@page import="oracle.portal.provider.v2.render.PortletRendererUtil" %>
    <%@page import="oracle.portal.provider.v2.render.PortletRenderRequest" %>
    <%@page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil" %>
    <%@page import="oracle.portal.provider.v2.url.UrlUtils" %>
    <%
    // The form submit URL refers to the current Portal page. All portlets
    // on this page share this URL. This means that the per portlet parameters
    // are in the same request. Portlets must ensure that its paramerters don't
    // collide either with other portlets or other instances of itself. This
    // is generally accomplished by using "fully-qualified" parameter names. A
    // fully-qualified parameter name prepends the (unique) portlet reference to
    // the parameter. The JPDK provides a utility to accomplish this.
    String portletParamName = "mName";
    String portletParamAge = "mAge";
    String portletParamSubmit = "mSubmit";
    String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
    String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
    String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
    // These are the session attribute names used to store the current values.
    // Because all instances of this portlet share the same user session we must
    // also fully-qualify these names to avoid collisions.
    String sName = HttpPortletRendererUtil.portletParameter(request, "sName");
    String sAge = HttpPortletRendererUtil.portletParameter(request, "sAge");
    PortletRenderRequest pRequest = (PortletRenderRequest)
    request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
    String formName = UrlUtils.htmlFormName(pRequest,null);
    ProviderUser user = pRequest.getUser();
    ProviderSession providerSession = user.getSession();
    if (providerSession == null)
    %>
    Your provider session has been terminated or has timed out
    and you need to logout and then login to re-establish the session.
    <%
    else
    // Record, in session storage, the last values submitted.
    if (pRequest.getQualifiedParameter(portletParamSubmit) != null)
    providerSession.setAttribute(sName, pRequest.getQualifiedParameter(portletParamName));
    providerSession.setAttribute(sAge, pRequest.getQualifiedParameter(portletParamAge));
    %>
    <!-- Output the HTML content -->
    <center>
    <table width="70%">
    <tr>
    <td>
    <b>This portlet shows how to post and process information from HTML forms.</b>
    </td>
    </tr>
    </table>
    <form name="<%= formName %>" method="POST"
    action="<%= UrlUtils.htmlFormActionLink(pRequest,UrlUtils.PAGE_LINK) %>">
    <%= UrlUtils.htmlFormHiddenFields(pRequest,UrlUtils.PAGE_LINK, formName) %>
    <table>
    <tr>
    <td>
    <b>Name :</b>
    </td>
    <td>
    <input type="text" size="20" name="<%= fName %>" value="">
    </td>
    </tr>
    <tr>
    <td>
    <b>Age : </b>
    </td>
    <td>
    <input type="text" size="3" name="<%= fAge %>" value="">
    </td>
    </tr>
    </table>
    <br>
    <INPUT TYPE=submit name="<%= fSubmit %>" Value="Submit">
    </form>
    <%
    if ((providerSession.getAttribute(sName) == null)&& (providerSession.getAttribute(sAge) == null)) {
    %>
    <b>No values have been submitted yet.</b>
    <%
    } else {
    %>
    <b> Last submitted values:</b><br>
    <table>
    <tr>
    <td>
    <b>Name: </b>
    </td>
    <td>
    <b><%= providerSession.getAttribute(sName) %></b>
    </td>
    </tr>
    <tr>
    <td>
    <b>Age: </b>
    </td>
    <td>
    <b><%= providerSession.getAttribute(sAge) %></b>
    </td>
    </tr>
    </table>
    <%
    %>
    </center>
    <%
    %>
    <br><br>
    <br><br>
    <br><br>
    but I want to write the form in a page , and then show it on another page , how to write it ?
    I have read the pdk:
    oracle.portal.provider.v2.url Classes
    UrlUtils
    then I use these method , as this :
    //frist page:
    <br><br><br><br>
    <%@page contentType="text/html; charset=Big5"
    import="oracle.portal.provider.v2.render.PortletRenderRequest"
    import="oracle.portal.provider.v2.http.HttpCommonConstants"
    %>
    <%@ page import="oracle.portal.provider.v2.*"%>
    <%@ page import="oracle.portal.provider.v2.render.PortletRendererUtil"%>
    <%@ page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil"%>
    <%@ page import="oracle.portal.provider.v2.url.UrlUtils"%>
    <%
    PortletRenderRequest pReq = (PortletRenderRequest)
    request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
    %>
    <P>Hello <%= pReq.getUser().getName() %>.</P>
    <P>This is the <b><i>Show</i></b> render mode!</P>
    this is a program to test the passing value
    <%
    String portletParamName = "mName";
    String portletParamAge = "mAge";
    String portletParamSubmit = "mSubmit";
    String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
    String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
    String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
    PortletRenderRequest pr=(PortletRenderRequest)request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
    String formName=UrlUtils.htmlFormName(pr, null);
    %>
    <form name="<%=formName%>" method="post" action="<%=UrlUtils.htmlFormActionLink("/htdocs/passingvalues4/getValues.jsp")%>">
    <%= UrlUtils.htmlFormHiddenFields("/htdocs/passingvalues4/getValues.jsp") %>
    name:<input type="text" size="20" name="<%= fName %>" value="">
    p w :<input type="text" size="3" name="<%= fAge %>" value="">
    <INPUT TYPE=submit name="<%= fSubmit %>" Value="Submit">
    </form>
    //getValues.jsp<br><br>
    <br><br>
    <%@page contentType="text/html; charset=Big5"
    import="oracle.portal.provider.v2.render.PortletRenderRequest"
    import="oracle.portal.provider.v2.http.HttpCommonConstants"
    %>
    <%@ page import="oracle.portal.provider.v2.*"%>
    <%@ page import="oracle.portal.provider.v2.render.PortletRendererUtil"%>
    <%@ page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil"%>
    <%@ page import="oracle.portal.provider.v2.url.UrlUtils"%>
    <% String portletParamName = "mName";
    String portletParamAge = "mAge";
    String portletParamSubmit = "mSubmit";
    String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
    String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
    String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Big5">
    <title>untitled</title>
    </head>
    <body>
    Name:<%=fName%>
    Age :<%=fAge%>
    </body>
    </html>
    <br>then I deployed them on the portal , run it , the result is :after I submit it , the browser give me : http 404 page not found!
    [b]here is the provider.xml<br>[b[i]]<?xml version = '1.0' encoding = 'UTF-8'?>
    <?providerDefinition version="3.1"?>
    <provider class="oracle.portal.provider.v2.DefaultProviderDefinition">
    <session>true</session>
    <passAllUrlParams>true</passAllUrlParams>
    <portlet class="oracle.portal.provider.v2.DefaultPortletDefinition">
    <id>1</id>
    <name>PassingValues4</name>
    <title>PassingValues4</title>
    <description>PassingValues4</description>
    <timeout>60</timeout>
    <showEditToPublic>false</showEditToPublic>
    <hasAbout>false</hasAbout>
    <showEdit>false</showEdit>
    <hasHelp>false</hasHelp>
    <showEditDefault>false</showEditDefault>
    <showDetails>false</showDetails>
    <renderer class="oracle.portal.provider.v2.render.RenderManager">
    <renderContainer>true</renderContainer>
    <renderCustomize>true</renderCustomize>
    <autoRedirect>true</autoRedirect>
    <contentType>text/html</contentType>
    <showPage>/htdocs/passingvalues4/PassingValues4InputPage.jsp</showPage>
    <showPage>/htdocs/passingvalues4/getValues.jsp</showPage>
    </renderer>
    </portlet>
    </provider>
    <br><br><br>
    <br><br>
    would you kind enough to help me ? thanks!!!
    Message was edited by:
    moonsoft

    Hi Moonsoft,
    I have already answered this query in the other post at Re: how to link more than one links in portlet?(jsp develop)
    <form name = "showPageForm" method = "POST" action = "<%= UrlUtils.htmlFormActionLink(pReq,UrlUtils.PAGE_LINK) %>">
      <%= UrlUtils.htmlFormHiddenFields(pReq,UrlUtils.PAGE_LINK, "showPageForm") %>
      <input type="text" name="param1">
      <input type="text" name="param2">
      <input type="hidden" name="myPPN" value="/htdocs/page2.jsp">
    </form>then in your jsp code on page2.jsp, you will extract the parameters by specifying
    <%
      String p1 = request.getParameter("param1");
      String p2 = request.getParameter("param2");
    %>
    >>this is easy common jsp or asp development, but in oracle is too diffcult!!!!
    :-) .. there is a difference between web-applications and portlets, you just need to get used to it once. I hope this does clarify your doubts.
    thanks,
    Harsha

  • How to use an html form to search my database??

    Hey guys,
    I'm going through 100's of tutorials on creating a PHP CMS structure for my website and did manage to build a very simple 1. I have 1 question that i need your help with. I was browsing through websites on Google and discovered this website that you can search their data base with a an html form. How can I achieve this in the most simplest ways.
    Site URL: http://www.istructe.org/yearbook/index.asp
    Yours
    Ashveer

    The form's data is submitted to a php script.  The script harvests the data and formulates a SQL select statement -
    SELECT * FROM TABLE WHERE fieldname1 = fieldvalue1 AND fieldname2 = fieldvalue2....
    (the form's fields are used to build the WHERE part of the statement)
    After executing the search the script looks at the number of records found.  If that is zero, there were no matches.  If there is 1 or more records found, each is printed to the page.  You would need some facility with a server scripting language to do this, although not too much.  It's fairly simple.

  • How to make result of form post to jsp to appear in child frame

    Two frames inside a frameset, A and B (A is the first frame, B is the second). A has as it's source an html page containing a form with a submit button. The form posts to a jsp called Content.jsp. Works great, except: I want the results returned by Content.jsp to appear inside frame B. Seems like I've got the target for the form inside A wrong somehow, because when I click the submit button inside frame A, my results appear in a new browser instance, rather than inside B. Here's what the form declaration looks like:
    <form action="Content.jsp" method="post" target="_parent.frames[1]">
    If I make the target parent, that obviously replaces the whole page. If I make the target self, that obviously replaces the contents of frame A. I want to replace the contents of frame B. Any ideas?

    Thanks, but I'm not using IFrame, just Frame and FrameSet. In any event, I have tried using the name attribute to no avail. Here's a really simple version of the code:
    //Parent frameset
    <frameset rows="50%,50%">
    <frame name="A" src="testSubmit.html">
    <frame name="B" src="">
    </frameset>
    //Here's the form in testSubmit.html
    <form ACTION="testResult.html" METHOD="POST" TARGET="_parent.B">
    <input TYPE="SUBMIT" VALUE="Click Me">
    </form>
    I've also tried TARGET="_parent.frames[1]" with the same result -- a new browser window is launched rather than the results being displayed in B.
    Thanks for any assistance.

  • CF Ajax - how to make a small form 'pop up' over the existing content

    hi. i have a standard html form with quite a few elements
    (selects, radio buttons, input fields, text areas etc)
    some users will need the ability to supply additional data
    but i only want the fields for this additional data to appear upon
    request (to keep the form clean looking for the majority of users)
    i want to make it when users click on an "add more detail"
    button then the screen goes 'greyed out' and a new form appears
    roughly 350px x 350px centred on their screens. ive seen this done
    quite a lot recently and was just about to google javascript
    tutorials to get started, then it occured to me i may be able to
    utilise cf8's ajax tags to achieve this (which would be handy as i
    really struggle with anything other than v basic javascript)
    my requirements are:
    1 button (or link) in my standard form that launches the
    'more detail' form in a ?layer? over the top of the existing
    content
    2 when this happens the existing content is 'greyed out'
    preventing uses from interracting with it until they either
    complete this new form (or click the close button in that new form)
    3 this form is to contain 2 text inputs and a submit button
    4 i want to pass the data from this form back to the original
    form when it is submitted (temporarily storing the data in hidden
    fields within the original form) and will then ultimately pass this
    back to the server when the original form is submitted
    does anyone know if cfajax can help me with this (i dont need
    the asynchronous server interaction stuff ajax offers only the
    javascript to make my form pop up etc)
    if not does anyone know what this behaviour is commonly
    termed so i can google for it
    thanks very much indeed for any help
    cheers
    Nick

    Hi,
    i am not sure this serves ur purpose..but u can use try using
    cfwindow for this...this tutorial might help u get started..
    http://tutorial6.learncf.com/

  • How to make a search form with required items?

    Hi
    I am using JDeveloper 11.1.1.2 and JHeadstart 11.1.1.2.29
    I want to make a Search-form for Searching Employees. I want to search for Last Name OR First Name OR Maximum Salary OR ( Combination ManagerID and DepartmentID). One of these is required.
    On the view object for Employees, I defined a view criteria for the search.
    In JHeadstart, I disable Quick Search and set Advanced Search to model-samePage and Advanced Search View Criteria to the view criteria I just defined.
    But now, I can also personalize the Advanced Search. How can I disable this?
    And is this the right way to create such a Search-form or do you have other suggestions?
    Regards,

    The model-based search is standard ADF functionality.
    Jheadstart simply generate the search component on the page. There are a lot of addiitonal properties on af:query that you can set that we do not expose through the Jheadstart application definition editor.
    You can create a custom template to set those additional properties.
    See the af:query tag doc for more info:
    http://download.oracle.com/docs/cd/E12839_01/apirefs.1111/e12419/tagdoc/af_query.html
    Steven Davelaar,
    Jheadstart Team.

  • How to make a contact form in Muse without email box?

    As the title asks, how can I a make a contact form with asking just for name and phone number?
    Thanks
    Pav

    p_nath, hello
    I had the same question for two days, before i find this thread.
    You are described the impossibility of creating form without mandatory fields, but this was clear when i had work expirience in Muse. That's sad, because Muse is very helpful software for non-html users, or beginners (like me) and let not coding.
    So, now question is that: will ever be possible to make these fields option?
    Thank you.
    p.s. Sorry for my english, writing from big, warm (only now) and boozy Russia.

  • How to make my dynamic form pages flow correctly?

    I have created a dynamic form which has multiple questions with expandable text fields that will take multiple pages once completed.  I do not know how to make the form flow correctly past the first page.  I can attach the form if I knew how to do that.

    Thank you Paul.  Your editing assistance was greatly appreciated. I think I now understand that there should be only one page subform that is flowed, regardless of how many text box objects I have in my questionnaire. This did the trick.

Maybe you are looking for