Responsiveness of forms - custom css

Hi
I notice the forms widths  are set to pixel based, which causes problems when embedding forms in responsive designs.  when a site is viewed on a smaller device the form breaks over the container that holds it. making the whole form very messy.
There needs to be the ability to have forms that are responsive in todays current web design ability.
I guess this also leads to the ability to have custom CSS styles applied to customise the use of web fonts,  and custom form elements. - with ability to use custom css files it would go to solving the issue with making form responsive as we could make use of media queries to deal with such issues.
Adobe you need to make this form web designer friendly  rather than non expereinced users,  I use these forms because it a great extension to having to search emails trying to find submitted data and can have other users repond to form submissions all from one place.
Please advise on what is already in place to deal with such problems and where Adobe see advancements of formcentral in this area?

Hi,
I believe by responsive, you mean the ability to customize the form on your web page via a customized CSS or api.  This is not something we currently support but you can add or vote on feature ideas:
http://forums.adobe.com/community/formscentral?view=idea
If you need to add a new idea click "Create an idea" under "Actions" in the top right.
Thank you for your suggestions and feedback, If you like please provide the link to your html page with the embedded form or send the link to [email protected], a description/steps of the problems that you are facing so we have a better understanding of the issues.
Lucia

Similar Messages

  • How Do I Use a SINGLE Custom CSS for My Project?

    How do I set a single CSS for a project?
    Currently, I have linked (I checked, they are actually linked) FM files. The project is Responsive HTML 5 Single Source Layout. It is set up this way:
    Project Files
    Each FM file has a folder that contains a CSS, an FPJ, any baggage (PNG, for example) and an HTM.
    So, for my project, I have 31 such folders.
    Above them is RHStyleMapping.css.
    That's it
    To map my project to a custom CSS, I did this:
    1) Created the custom CSS (let's call it TheSingleCSS-sb01.css) and put it in the same location as RHStyleMapping.css.
    2) Right-clicked Responsive HTML5 (Primary Layout) in the Single Source Layouts pane.
    3) Selected Properties. The Responsive HTML5 Properties dialog box opens.
    4) Click Content, select  the Apply to all Topics check box, select CSS, and choose my CSS, TheSingleCSS-sb01.css.
    5) Click Save and Generate. Generating happens.
    6) When prompted, click View Result.
    7) Double-click one of the resulting topics, and choose the HTML tab.
    8) Notice the following CSS files are referenced, NOT the one I want:
    <link rel="stylesheet" href="Configuration_ChangeWorkflow.css" type="text/css" />
    <link rel="stylesheet" href="..\..\RHStyleMapping.css" type="text/css" />
    <image>
    So:
    1) How can I replace 32 individual CSSes with one single custom CSS?
    2) Also note that Project Manager does not display my custom CSS, even though it is in the same location as RHStyleMapping.css and referenced in the Properties dialog box.
    Thanks all,
    Sean

    Hi, so as I mentioned before, I have used Apply to all and this doesn't work. The resulting HTML still uses a specific CSS for that one HTML file.
    1) I put the CSS I want to use, Sean01.css, in the top level of my project using Windows Explorer.
    2) I Save and Generate.
    3) But, my settings for styles in the CSS are not used. For example, FM_GlossaryDefinition is defined with a 0 left indent but actually uses a 144pt indent (that mirrors the print FM document and that I do not want).
    4) And, you can see from the actual HTML, that the Sean01.css file that I applied to all topics (see the first image) is not referenced. What am I doing wrong?
    What am I doing wrong? Again, these are imported FM files; this is not linked.
    Thanks,
    Sean

  • How to use a custom css with a ditamap?

    I'm still trying to get to grips with some DITA Frame basics and another piece of info that I would like to have is how to get the ditamap to use a custom css when it is output to xhtml with the DITA OT. Is there any simple non-super-techie way to do this without having to learn how to hack the ANT programs?
    Under the StructureTools menu, there is an Import CSS styles item, but I can't find instructions on how to use it accessible to my level.
    Also, is there a way to apply a company stylesheet to the Responsive html output generated with the new Publish tool? I realize the two provided templates can be modified element by element, but it does mean a lot of modification, and it would be cool if we could just invoke the stylesheets that already govern our web site so that the output could match.
    Thanks to anyone who can help,
    Elisa Roselli
    Cambridge Imaging Systems

    Hi Elisa...
    The short answer is .. no.
    When you publish through the OT, you're just passing control off to an Ant target and the DITA-OT processing. You'd need to modify the files in the OT to use a modified CSS. Note that the "easy" way to do this is to just edit the CSS file directly in the OT file structure. The "proper" way to do it is to develop an OT plugin and set up a new Ant target that uses your styling instead of the default. You'd change the Ant target that FM uses so it calls yours (don't recall where this is but it can be done).
    One thing that may be useful to know is that when you set the value of the @outputclass attribute on an element in DITA, the corresponding tag in the generated HTML is assigned a @class attribute with that same value. This lets you set "styling" in DITA that is applied to the output. You still need to get your custom class definitions ino the CSS.
    The Import CSS item on the StructureTools menu has nothing to do with OT publishing (or anything that you'd likely be using).
    I'm not aware of a way to apply a stylesheet to the Publish tool .. I thnk you have to go through the process of mapping styles manually. I could be wrong, and if so, hopefully someone else will jump in to help.
    Cheers,
    …scott

  • Webform customization from Custom CSS in 11.1.1.3 to ? in ADF 11.1.2.2/3

    Dear HFM Gurus,
    In the previous versions of HFM, we used the custom CSS file to define the general customization of webforms. From version 11.1.2.2 with ADF, it seems that this custom CSS is not available anymore.
    Is there a new way to define a general customization of the data entry form instead of changing the format one by one ?
    Thank you
    Arnaud

    Sorry, no the limit is still 80 characters.

  • Custom CSS Best Practice?

    I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
    I have a master theme application and am subscribing to it from each application, and have a custom CSS file (in Shared Components whilst developing then will become external in production for performance reasons) referenced in the page templates.
    My question is, taking the form region as an example, in Theme 25 at the top of the form region definition you have:
    <section class="uRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>I want to customise the uRegion CSS, so what is the best practice - put a new uRegion definition in the custom CSS file with the new CSS in it, to override the standard uRegion, or change the form template to:
    <section class="ABCuRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>and put a new definition for ABCuRegion in the custom CSS file? Both work but I wonder what is best. By referencing the company name ABC in the template it is obvious that this has been overridden, but by just overriding the standard uRegion and leaving the template as-is, is that better for forward compatibility? I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that.
    regards,
    Malcolm.

    MalcA wrote:
    I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
    I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that use the copy as the base for a custom theme.That's the recommended approach if you're really creating a custom theme rather than just tweaking things here and there. It follows the principle of separation of concerns in that by retaining the standard <tt>uRegion</tt> class you can change the appearance of the application simply by switching the referenced CSS, rather than having to change template, HTML, and CSS.
    It's also more efficient than having the browser parse and apply multiple levels of override rules, and more likely to allow designers and developers to remain sane as they have fewer strange cascade and specificity bugs to deal with.
    Best practice for serious customization is to leave <tt>/apex/images/...</tt> untouched and create your own CSS/images/JS folder structure elsewhere on the web server. This makes it easier to apply APEX patches and upgrades, and to manage your custom resources.

  • Add Custom CSS to SharePoint Foundation 2010

    I have SharePoint Foundation 2010. I am trying to use custom CSS to override the out of the box CSS. I have linked my CSS file within the master page a million different ways but nothing seems to work.
    Can this be done in Foundation or do I need to purchase Server?

    Hi Tory,
    How did you add the custom CSS for SharePoint 2010 foundation?
    You can upload the CSS file into a library at the SharePoint site collection, then use <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/Custom/styles.css %>" After="corev4.css" runat="server"/> to include a reference
    to your custom CSS file.
    In addition, please clear SharePoint cache, and do an IISRESET, then compare the result.
    More information, please refer to the links:
    http://labs.steveottenad.com/add-custom-css-to-a-sharepoint-2010-site/
    http://msdn.microsoft.com/en-us/library/gg447066.aspx
    Best Regards,
    Wendy
    Wendy Li
    TechNet Community Support

  • Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

    Hi,
    I have sucessfully link External .css  file to my HTML page and able to change the font size of the headlines and the paragraph.
    What I am not able to do is to ADD the color my Custom CSS from the External sheet.  I have difined the color attribute as a 'Advance'
    and gave it the same name "#bigwraper" that is has in my HTML file.
    Attached is the color outline of my 'Blank Layout' with colors?
    Thank you.
    Dreamer101.1

    Hi Murray,
    I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
    The page will have CCS layout boxes in which different content would  be pasted.
    To re-phrase my question:  I want to know how to change the color of a layer from an external style sheet?
    Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different.  If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
    I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
    I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
    Hope my question and the reason I was able to clarify.
    cheers,
    Dreamer101.1

  • Custom CSS-Applying selected background for all the cols in the report

    Hi,
    I am trying to set a particular background for all the columns in the report(not for all the projects,so that I can avoid option of manually setting background color for complete report.For this I thought custom CSS is best option.So edited custom.css(C:\OBI11g_Middleware\Oracle_BI1\bifoundation\web\app\res\s_blafp\b_mozilla_4) file with below code and went to the Answers-> Criteria->Choose Column->style-> check "Use Custom CSS Class"->MyCell
    Code used in custom.css
    .MyCell { background-color: #00ff00; font-style:italic; font-weight: bold;}
    Somehow I dont see the background color applied to any of the columns in report.Can anyone had successful attempt of this Custom CSS.Thanks in Advance.

    I am trying both the solutions.
    User 979493,
    I started manually writing the code instead of pasting and almost worked.In the mentioned below paths I dont have custom.css file,so I created one and manually entered below code.But does it work for only that particular column and not for all the columns.Is it supposed to work for all the columns or just that column.
    For example: I have 2 cols in the report,I used "Use Custom CSS Class" -> MyCell for the first column and when I ran results it shows background color for only col1 and not for col2.I thought this feature will apply background color for all the columns in the report.Please correct me if I am wrong.
    custom.css file content:
    .MyCell{background-color: #00ff00;font-style:italic;font-weight:bold;}

  • How can I use this?? Custom css style.

    !http://unisonsoft.iptime.org:8000/sample.jpg!
    Please look at this image.( Dashboard -> page option -> section properties -> Custom CSS Style Options (HTML Only) -> Use Custom CSS Style)
    I want to use Custom Css Style.
    What can I do for this?
    Thank you.
    Edited by: user626249 on 2009. 7. 28 오후 10:28

    Thank you Mr.Jhon and everyone.
    My client asked me "how can I see the pages on dashboard with many CSS"
    Sorry...Actually I can`t use ENGLISH very well...
    For example)
    Page1 has two tables.
    These table`s font-size is 12pt.
    page2 has two tables too.
    These table`s font-size is also 12pt.
    In this case, I only want to change table`s font-size 10pt in page2.
    The font is set the file "/OracleBI/oc4j_bi/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla_4/views.css"
    If I change this css file, page1 and page2 has same format of tables.
    So I need to change olny one page`s table font-size using Custom Css Style.
    This is my best writting...Sorry...;;;;;;;;;;;;;;;;
    Thanks everyone...If you understand me, please help me.^^
    Edited by: user626249 on 2009. 7. 29 오전 2:22

  • I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

    I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

    I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

  • Function module to read data form customer tabels

    hi,
    can anyone suggest function module to read data form customer tabels?
    Please give me reply.
    TKS,
    Dharani.P

    Hi,
    this thread is hvaing your answer.
    Is there a Function module to get customer hierarchy data?
    Regards,
    Pravin

  • How to include custom css in js file

    Hi,
    We have a JS view and we want to include custom css in the same. How can we achieve the same.

    Hi Saket,
    You can use this in your view
    jQuery.sap.includeStyleSheet("custom.css","MyCustomCSS");
    or if it is in a package called css
    jQuery.sap.includeStyleSheet("css/custom.css","MyCustomCSS");
    MyCustomCSS is just an alias to call the css file
    Thanks,
    Roshini

  • Is there a way to revert to the original form responses in Forms Central?

    I was reviwing responses in Forms Central, and I noticed a few cells had been shaded as "Manually edited." I am the only person with access to our responses, so I'm guessing that as I was using my scroll button on my mouse, I accidentally changed something. (My mouse has been acting up lately, and the computer has registered a double click when I only single clicked.)
    Is there a way to revert back to the original form responses? I caught this too late for be able to just use "undo."

    HI,
    >> but it only let me go back one step. It didn't let me go back any further.
    OK, then maybe you made (by accident) some changes prior to your current editing session. You might have edited the form, made 'change1', closed the form, and reopened it. At this point you cannot use Edit / Undo to undo 'change1'.
    It looks like you need to undo your changes manually. You could take a look at the View Responses table history to see what you had before.  At the View Responses tab, click on the clock-history icon on your lower right corner, you will see the History bar and you can select a previous version to see.
    Thanks,
    Lucia

  • After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

    Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

    There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
    *https://developer.mozilla.org/Security/MixedContent
    *https://developer.mozilla.org/Tools/Web_Console

  • Re: Former customer's access to online bill pay blocked - no way to pay last bill - Brilliant Verizon!

    Branched from Former customer's access to online bill pay blocked - no way to pay last bill - Brilliant Verizon!
    It is a brilliant move on Verizon's part - brilliant if the never want a customer to return.  I've been a loyal customer for many years, but when I switched, not only was the guy I had given lots of sales over the years to in the mall a jerk to me when I asked for my account number, but when I tried to get a copy of my disconnected bill, it won't let you access it.  Yes, you can, if you can find your flipping account number, pay your disconnected bill online.  However, you will never find a copy of your bill.  Why?  Verizon wants to punish leaving customers so they can't get their ETF's paid by another company.  This reminds me of the horrible AT&T days where they got so big they started treating everybody like crap.  Blockbuster did the same thing.  It will come back to haunt Verizon as everybody I know is fleeing their service.  I give them credit, their phone service is superior in quality, but I will never go back because of the way I've been treated as I try to leave for a better deal since I am having financial difficulties this year.  I might would have come back but not now.  On top of that, they have a trick where they won't port out one number of the set you are trying to port.  When you finally get through on the line to get it shut off, they tell you they can't turn it off until the next billing cycle.  So though I shut off all the phones but one - one week into the billing cycle, I got charged for ALL 5 phones for the entire month.  This because they insisted they couldn't shut off that final $20 per month phone.  After three dropped calls that took me 20 minutes each to get through to a live person, they then told me they could have shut it off and their employee told me wrong.  They said they'd send it for "Review" after which - you guessed it - I'm supposed to "Call back" - an act of God and congress and taking a day off work so I can keep trying and keep sitting on hold forever later.... I'll let you know what happens.  I'm telling everyone I know, like I did with AT&T to NEVER do business with them.  They used to be great, until they got big.  So if anybody finds some way to get their final bill, I'd love to know because I've spent hours on the phone and online trying.
    Message was edited by: Admin Moderator

    Did you not get the final copy of the bill in the mail via United States Postal Service?
    What about older bills? Did you keep any paper copies? Download a PDF copy of the electronic bill at some point?

Maybe you are looking for