Building a responsive form

dear team, am trying to build a responsive form in fluid grid but I can't. Here's the link to what I've done http://www.paragonmagazine.com/fluid/firstpage.php please view in a mobile device and give me your advice.
Thank you

I don't use FGL at all, they're too brittle and the boilerplate.css adds way more css than I ever need. They're also backwards for my workflow and require you to design mobile first.
Right now you have the <input> set at 100% width in your boilerplate.css and nothing overwriting it in your home-rolled mystyles.css. That 100%, plus some padding settings of the parent containers is causing them to go a little long and create a horizontal scroll bar.
Personally, I'd change them to a lot less than 100%.
Maybe a min-width of say 200px and a width of around 50%? (I don't know what your ultimate end design needs are, so those numbers may need to be changed)
I would add the following, or something similar, to the mystyles.css file...
input {
     min-width:200px;
     width:50%;
Remember, % widths in css are actually "x percent of the parent's setting" so if your parent elements are all set to 100% (or something very close to it as in FGL's), the <input> will be 100%, or very close to it, of the browser viewport.

Similar Messages

  • Building a "Wizard" Form

    Hi,
    I'm not a Forms expert, but I was wondering if the following is possible: building a generic Form that has the Windows-Wizard look-and-feel, and controls the order in which other Forms are displayed and which data is passed between the Forms displayed. Ideally, the Wizard form contains an area in which the other Forms are displayed, so that both the Wizard Form and the displayed Form are functional at the same time.
    Why do I want this? An on-line process is usually defined by the order in which several Forms are shown to the user. If this order is programmed in the Forms (so that every Form "knows" which Form is next), the Forms are not reusable for other on-line processes. So I want the Forms to be as independent from specific process context as possible. One way to do this is to define a "proces-control layer" which contains all the process knowledge, and which calls the appropriate Forms at the right time. My idea was that this layer could be implemented as a Form that acts like a Wizard.
    I hope I am making myself clear! I'm also interested in alternatives, but buying a workflow manager is not an option.
    Thanx
    Rob
    null

    Hi Try67:
    Thanks for the tip!
    Though what happens if I have a 'group' of responses (hence radio button answers).  Hence only 1 of them is required.  If I set all to required , will the program recognize this? Or, I have to set those cases as 'not' required?
    And, a more advanced step, is it possible to have a message from the program so the end user will know which questions they have not answered? instead of just a message to say it's not completed?  Can I set it up myself or, it will require something like a Javascript? If it's the latter, I'd appreciate some guidance where I can find a such script.
    Thanks alot!win_winDate: Wed, 22 Feb 2012 09:31:16 -0700
    From: [email protected]
    To: [email protected]
    Subject: Adobe Pro: Verification.
        Re: Adobe Pro: Verification.
        created by try67 in Creating, Editing & Exporting PDFs - View the full discussion
    If you're using the built-in submit action, just set those fields as"required" and the application will do what you described automatically.
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4222450#4222450
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4222450#4222450. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Creating, Editing & Exporting PDFs by email or at Adobe Forums
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Problem exporting data in Acrobat Pro 9.0 from secured response form

    Hello,
    I made a form in Livecycle 9.0 and am distributing it through Acrobat Pro 9.0 - using Acrobat.com's form distribution application - in several cycles to see how varying the levels of security of the form will affect users (the folks who will be filling out the forms), once they get the forms.  I want to see how many passwords they have to enter, what they can do, what they cannot do with the form..  I've been sending unsecured and secured forms out, to test.
    The problem I have now is, when I receive my permissions protected, secured forms back, I cannot EXPORT the data.  Both  the "Export" and "Archived" buttons are greyed out, and even when I remove the security settings from File--> Portfolio Properties, nothing changes.
    I'm locked out of the collected data!
    It's easy to export data from unsecured response forms (without permissions protection), but I would prefer to limit the amount of manipulation users can do to the forms (aside from commenting, filling them out, and signing them).
    The secured forms perform great on the Acrobat Reader - user (form-filler) end, restricting printing, modifying text, etc,  but they return to me in Acrobat Pro inert.  I'm completely stumped to how I can get data out of them. I would sure appreciate any help!
    Thanks,
    Chenster

    Please post in the LiveCycle Designer forum
    http://forums.adobe.com/community/livecycle/livecycle_es/livecycle_designer_es

  • Are Distributed Forms created in Acrobat XI Pro compatible with Response Forms in Acrobat X Pro?

    I want to be able to use distributed forms (created in Acrobat XI Pro) that I have received back through email with Acrobat X Pro.  That is, I want to be able to import the form information that is being sent back to me into a response form in Acrobat X Pro. Is this kind of "forward-compatible" issue possible? 
    Or, since I created the distributed forms in Acrobat XI Pro, can I only import data from those forms in an appropriate response from in Acrobat XI Pro?
    Thanks!

    The distribution technique for email, network folder, or internal server haven't changed between Acrobat X and XI so you should be able to do this; however, it won't be managed through Tracker because you're distributing the form through different programs.

  • Tutorial and SDRDemo ..Build Rich Client Forms in JDeveloper .

    I am doing the self learn tutorial in Jdeveloper
    ADF Business Components     10.1.3.34.12
    CVS Version (External)     (CVSNT) 2.5.03 (Scorpio) Build 2260 (client/server)
    Java™ Platform     1.5.0_05
    Oracle IDE     10.1.3.34.12
    Struts Modeler Version     10.1.3.34.12
    UML Modelers Version     10.1.3.34.12
    Versioning Support          10.1.3.34.12
    First one is simple
    1. I am using the "Build Rich Client Forms in JDeveloper using ADF swing .. Tutorial "
    when i select New Application , I cant see Java Application Swing ADF BC value from the application Temp in drop down ?? What am i misssing .???
    The second issue is bit complex I am doing the Tutorial SRDemo
    I am doing on page 2 –14 of Tutorial creating EJBS Session Beans when Running the Wizard I don’t see
    Generate Session Facade
    Entity Implementation
    Options, subsequently the screen shot on next page does which has all the methods are not appearing.
    Also when adding code (2-16) in SPPublic FacadeBean Iam getting snytax error for
    (clearly related to above issue), I have no choice but to redo the tutorial from begin
    but should I change something before I do that ?
    public ServiceRequests createServiceRequests
    (String problemDescription, Integer productId, Integer createdBy)
    { UnitOfWork uow = getSessionFactory().acquireUnitOfWork();
    ServiceRequests newInstance = (ServiceRequests)uow.newInstance(ServiceRequests.class);
    Products product = (Products)uow.executeQuery("findProductById", Products.class, productId);
    Users user = (Users)uow.executeQuery("findUserById", Users.class, createdBy);
    product.addServiceRequests(newInstance);
    user.addCreatedBy(newInstance);
    newInstance.setStatus(null);
    newInstance.setRequestDate(null);
    newInstance.setProblemDescription(problemDescription);
    uow.commit(); return newInstance; }
    ==============
    Other than that in previous steps I came across a few interesting Scenarios
    While following the step by steps operation of Tutorial I see on 2 –6 when I was “adding code to manage Default Value “ while I was doing the code adding
    public Integer getNextLineItem() {
    int maxLineNo = 0;
    for (ServiceHistories svh:getServiceRequests().getServiceHistoriesCollection()){
    if (svh.getLineNo() !=null) {
    int testLineNo = svh.getLineNo().intValue();
    if (testLineNo > maxLineNo){
    maxLineNo = testLineNo;
    return ++maxLineNo;
    for (ServiceHistories svh:getServiceRequests().getServiceHistoriesCollection()){
    I kept on getting the compile error for type casting, which when I tried to compare the source provided at the end of the chapter I found the type cast generated by Jbuilder was missing
    public List <ServiceHistories> getServiceHistoriesCollection() {
    return this.serviceHistoriesCollection;
    2.Another interesting thing I came across was by default the wizrd created the names of these variables and there corresponding getter and setter methods as user1 and user2, which lead to some confusion while doing Named query section on 2 –9 (Once again I took care of the problem by doing File comparison with the )
    private ValueHolderInterface createdBy;
    private ValueHolderInterface assignedTo;
    3. Also by default on 2 - 12 When I was Creating Top link Session, I didn’t get any session.xml file. ( tutorial presumed I will get one by default )
    4. Last is it normal to get Warning when getting report for POJO mapping for some of the Tables

    'Generate Web Service Stub/Skeleton' option in 10.1.2, was replaced by 'Generate Web Service Proxy' in 10.1.3

  • Response form help

    i made changes to our form and now when we test it the answers to the new questions on the form do not appear on my response form and no headings for that question show up. How do I reset the header bar?

    I don't quite understand. Can you post a screenshot of the issue here in the forum.
    Thanks,
    Randy

  • How to build Dynamic Data Form in Planning

    Hi,
    I need for building Data Form in Planning 11.1.2.0 with table columns that would be consist of (example 1):
    - Nov 2011 - Actual
    - Dec 2011 - Actual
    - Jan 2012 - Actual
    - Feb 2012 - Forecast
    - Mar 2012 - Forecast
    - Dec 2012 - Forecast
    Note: current period is "Feb" and current year "2012" has been got from Essbase substitution variables.
    How to build Dynamic Data Form in Planning app using @relative function for period and year dimensions and Essbase substitution variables?
    Example 2 (for current period is "Mar" and current year "2012"):
    - Dec 2011 - Actual
    - Jan 2012 - Actual
    - Feb 2012 - Actual
    - Mar 2012 - Forecast
    - Apr 2012 - Forecast
    - Dec 2012 - Forecast

    As I know you can't use such range or functions in form member selection. Below are couple of options:
    Use bunch of variables for each scenario and the number depends on how many months you want to display (18 months etc..)
    pre-fill the data for related months and years and use data suppress options.

  • How to build a tabular form with a by the user insertable primary key

    I have build a build a tabular form with the wizzard. Wat should I do to make the primary key insertable by the user.
    When I change the PK from 'hidden' to 'text field', I get a checksum error when i am trying to insert.

    Fred: When you use the tabular form wizard, notice the help text on the right hand side of each page. The help page where you define the type of primary key (Existing trigger, PL/SQL function, existing sequence) clearly states
    Tabular forms do not support user entered primary key values
    Makes sense when you think about it. The MRU process needs to determine whether to update a record or insert a new record. It does that by comparing the checksums (and/or) pk values from when the page was first rendered and then when you make changes and submit it. Newly inserted rows will have a blank PK/checksum.
    If you allow user to change the PK, how will the system know which rows are new and which ones are old?
    For example, lets say you have
    create table t
    pk int primary key,
    data varchar2(10)
    )You have 2 rows
    1 red
    2 yellow
    If the PK were to be editable, user could go in and change the above to
    2 red
    1 yellow
    Now what? Would you like the system to create a new row with 1/yellow or change the existing pk=1 row to yellow? Same with the other row.
    Bottom line: The built-in processes dont support this. You can always write your own manual tabular form and implement whatever you logic you wish in your After Submit processes.
    Hope this helps.

  • "Cannot get inner content of frm1 because the contents are not literal." error in building a dynamic form within other HTML

    Hi, 
    I am trying to build an aspx form dynamically but I have to user some HTML tags among controls. I am getting the error "Cannot get inner content of frm1 because the contents are not literal." in my 
    oForm.InnerHtml += "</fieldset>";
    instruction. If I put it before adding the text and button controls to the form the error is gone. What am I doing wrong, if I want the controls to be inside a <fieldset> ... </fieldset> tag?
    public void LoadForm()
    HtmlForm oForm = new HtmlForm();
    oForm.ID = "frm1";
    oForm.Action = "";
    oForm.InnerHtml += "<fieldset>";
    oForm.InnerHtml += "<legend> ### TITALO ### </legend>";
    HtmlInputText oText = new HtmlInputText();
    oText.ID = "txt";
    HtmlInputSubmit oSubmit = new HtmlInputSubmit();
    oSubmit.ID = "btn";
    oSubmit.Value = "submit";
    oForm.Controls.Add(oText);
    oForm.Controls.Add(oSubmit);
    oForm.InnerHtml += "</fieldset>";
    main.Controls.Add(oForm);
    Thanks, regards. 
    Bruno

    According to articles (e.g.
    http://forums.asp.net/t/939432.aspx?Panel+GroupingText), in order to include a
    <fieldset>, you can use a Panel control having GroupingText
    attribute. Therefore, instead of dealing with InnerHtml, try this:
    var panel = new Panel { GroupingText = "### TITALO ###" };
    panel.Controls.Add(oText);
    panel.Controls.Add(oSubmit);
    oForm.Controls.Add(panel);
    main.Controls.Add(oForm);

  • I need to print out the response forms.  How do I do it?

    I need to print out the response forms.  How do I do it?

    They are saved as PDF files, so you just need to install Adobe Reader, which you can download for free: http://get.adobe.com/reader/

  • 500 responses /form

    When you mention "500 responses /form" (Plan Standard €14,75/month), do you mean 500 reponses / month or will the form be desactivated when it reaches 500 responses ?
    Thank you

    Here is an explanation of the limit on the number of responses: http://forums.adobe.com/docs/DOC-1382
    Scroll down a bit to see the discussion of the limit for the basic plan.

  • How many hosted web response forms allowed per month or per year with monthly and yearly plans?

    I am trying to pick out the right membership plan for us and the monthly plan and yearly plan allow a ceretain number of forms, however the membership materials do not clearly state how many hosted web response forms are allowed in each plan whether it is monthly or yearly? I need the answer before we decide

    With the Basic plan you can have up to 5 online forms at any given time. There is no quota per month or per year. If you need to create a another form after your reached the quota then just delete one of the other form first. There is no quota for the Plus plan.
    Same is true for the maximum responses. You can always export and delete responses to receive more if you have reached the maximum number of responses the plan allows.
    Not that the Plus plan comes cheaper per month than the Basic plan but this is because you get a discount for commiting for the whole year.
    Gen

  • Cannot use XML Forms Builder - HTTP response: 500 - Internal Server Error

    Hi,
    I am trying to use XML Forms Builder, have added the corresponding role to my profile and when I create a new application or do anything I get the following error popup:
    HTTP response: 500 - Internal Server Error.
    What should I do ??
    Thank you for your help.
    Thibault Schalck

    Hi,
    Check the below link for environment checking of XML Form Builder
    http://help.sap.com/saphelp_nw2004s/helpdata/en/9e/9c8f411467ac5fe10000000a1550b0/frameset.htm
    Raghu

  • Forms Builder - HTTP Response: 500 - Internal Server Error

    Hello,
    When starting the Forms Builder in our dev environment, the new java window pops up and I get a an error pop up that says:HTTP Response: 500 - Internal Server Error.
    I click OK on this and it comes back several times. After a while the forms builder displays, but there is no connection to the server. I do not have this problem in our stage system.
    Does anyone know how to rememdy this?
    Thanks,
    Chris.

    When I run the check tool in the dev environment, it performs several of the tests and then states "all tests performed successfully". None of the lights turn green. It says it successfully downloads the jar files, but says that the XML forms server version is 'null'. The load global settings and project list tests were not even started.
    When I do the same for our stage environment, all the tests ARE performed and all the lights turn green.
    Thanks,
    Chris.

  • Selecting ocx (power builder application) in forms

    Hai,
    I want to insert an pb application (*.pbd) file as an ocx control in forms (6i).I tried inserting ocx control but there is no object relating to pb application objects.
    How to insert a .pbd file in forms(6i) as an ocx control. can u help me in this regard.

    Hey
    >>Do you means that we call web services in power builder app. ?
    generate the WSDL for the powerbuilder application(powerbuilder guys should be able to provide you with it ) and then import this WSDL in IR,then import RFC(as urs is sync scenario)into IR as well,do the request and response mapping.
    configure sender SOAP adapter and receiver RFC adapter(also do the pipeline steps ) and there you go,the scenario is complete:)
    thanx
    Ahmad

Maybe you are looking for