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.

Similar Messages

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

How to refer Custom css from the custom file say xxcm_sc_custom.xss

I want to refer all the custom css from other file xxcm_sc_custom.xss, which i created in my project directory and deployed in mds, The client wants all the css to be here, so how to refer this file from custom.xss file which is in java_top, i tried giving <import href="path of my file"> but there is no effect in pages, what are the exact steps for it...
Thanks
Babu

Yes, thats what i tried first...can you tell me what am i doing wrong...
This is the header part of my login page template which i am trying to edit...
The default css that the page is using is theme_3_1.css. My css file and images are in the same directory as theme_3_1.css
<html lang="&BROWSER_LANGUAGE." xmlns:htmldb="http://htmldb.oracle.com">
<head>
<title>#TITLE#</title>

#HEAD#
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_20/mystylesheet.css" type="text/css">
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_20/theme_3_1.css" type="text/css">
</head>
It is not pulling my images.
I know my html is right, because, if i create a separate html file (away from apex) and use the above two css, again on the same directory..i am able to get the images displayed!!!!

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.

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

How to customize top navigation css in SharePoint 2013?

Hi All,
How to customize top navigation css in SharePoint 2013?(Want to add colors for each link in the navigation)
My current page is like-
Expected-

Hi Sam,
Please check the following article about how to style the top navigation with custom css.
How to: Brand snippets by using CSS in SharePoint 2013
Thanks
Daniel Yang
TechNet Community Support

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

Custom css file is not loaded

Hi
I had uploaded my custom.css file from Shared components-> Cascading style sheets. Initially I could see the changes reflecting on the pages. After that when I deleted my file and uploaded file again with more edits and additions, I am not seeing the changes. From Firebug Net tab I get to know that my old css file is only loaded always. I tried deleting cache, cookies, browser data and did force refresh. Nothing is working.
Is it possible to know where in filesystem will the my css file be loaded? Any suggestions how to solve this?
Thanks!

The thread given by Rradhika concludes that this problm can be solved by using a HTML page or a JSP page without an accompaning bean.
I tested my application with a HTML error page but it is also not working, the usual error page is loaded, not my custom HTML error page.
Any further suggestions are very much appreciated.
Thank you.

11g Custom.CSS Style Sheet issue...is it a bug?

I've created a custom style sheet that we're using to change the graphical elements of our dashboard. I've got everything working and I'm really pleased about how it's looking. Today, I started working on changing the default field attributes. I didn't want to have to go in and change 7-8 elements (font, size, bold, etc) so I used the Custom.CSS file and created new CSS classes that I could easily assign to fields. My thought was that I could go through my whole web-catalog once and apply the CSS to each of the fields, their headers, etc. so that if we wanted to make global changes to formatting later on, I could go and edit the Custom.CSS.
I've run into a slight problem which brings me to the purpose of this post. I have saved the CSS classes into the fields, applied them and saved the changes as the defaults for the fields. Everything works great and the CSS defined styles appear when I create a new report. My concern is that when I create a new report and pull in one of the fields that I have defined and saved the default style, the field no longer shows that it's definition is linked to the Custom.CSS. If I hover over a field in Firebug, it tells me that it's referencing the Custom.CSS, so I know the field is actively referencing the CSS. Shouldn't the field retain the reference to the Custom.CSS when I save the style? Any other developer going into the field will not be able to tell that there is a style sheet that defines the field attributes.
Also, is there a better way to go about applying styling to fields across the board?

Hi Brad
The changes to the file is not done outside of Muse, I know by touching Muse's files from BC will screw things up,
rather it is done from Muse itself by going to the page properties and entering an html code in the header of the page.
Also maybe I should'nt said Locally Published, I meant when exporting the html and viewing it locally.
Regards

How to delete a customization from a form - To import a managemt pack from the Authoring Tool

I am having issues importing a management pack created in the authoring tool. How do I delete a customization from a form since only one can be present? Is there documentation on this?

If the MP defining the first custom form doesn't contain anything else you need (such as class extensions) delete the first MP. If it contains other stuff you need, delete the form from the Authoring Tool, increase the version the by 1, seal and import.
Then import your 2nd MP containing your new form.
Rob Ford scsmnz.net
Cireson www.cireson.com
For a free SCSM 2012 Notify Analyst app click
here

Adding custom CSS to JDeveloper.

Hi,
I am new to JDeveloper. I am using JDeveloper 10.1.3.1. I have a custom CSS file. How do I add this to my project ? I dragged this file on to my jsp. But, I cannot see the classes in this CSS. That is when I want to add the classes in this CSS to the components on the jsp, I cannot see them ? What am I doing wrong ? Any suggestions are appreciated.
Thanks
Naresh

Hi,
easiest is (for CSS file you want to reuse)
1. Tools --> Configure Palette
2. Press "Add"
3. Select "css" as a type and give page a name
4. Press "Add" in the Components area
5. Search and select CSS file and give it a name
6. This adds the CSS to teh component palette under the name chose in step 3
Drag the css entry from the Component Palette to the page
Frank

Using custom CSS on workspace

Hi,
Is it possible to use a specific custom css file to rearrange the contents of a teamworkspace?
We would like to design the entire page using css, instead of the builtin tool since this makes it a lot easier.
Regards

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

Custom CSS Is Crashing Adobe Edge Animate

Below is the HTML and CSS for a basic page, with one style. When I open it in Adobe Edge Animate and then create a shape, and set the class of that shape to "mystyle" it displays fine in the Edge Animate window (except the border style appears missing). However, as soon as I try to move the shape, Edge crashes - consistently every time. If I create a DIV on the page outside of Edge Animate first, and apply the CSS to it, then open the page in Edge, I can move the shape around - but I lose several style options in the Properties panel such as Filters and a couple others.
I'm trying to get a better understanding of what would be the best workflow when trying to use Edge to animate existing web page layouts - creating the animations and DIVs entirely in Edge first then placing the animation into an existing layout, or creating a page layout in something like Dreamweaver (along with all my other custom CSS), then opening it in Edge to animate it.
I saw elsewhere where someone explained how to attach an external style sheet instead. This seems to work without crashing, however I cannot see the rendered style on the stage itself, only when I preview the animation in a browser.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
.mystyle {
          width: 248px;
          height: 200px;
          margin-right: 10px;
          margin-top: 10px;
          float: left;
          border: 1px solid #b6b6b6;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          background-color: #ebebeb;
          -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d 3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiI HByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0 ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwM mUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+Cjx zdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZ XQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTElIiB zdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9I iNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDY iIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9I jEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
          background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          overflow: hidden;
</style>
</head>
<body>
</body>
</html>

You could use the styles inside Edge Animate directly in compositionReady. If you have an earlier version of edge for the gradient do:
For example:
sym.$('Stage').css({
'background-image': '-moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': '-o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
         ' background-image': '-webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': 'linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)'
You can add the other properties between the {} with the same format:
'propertyName':'value',
Newer versions of Animate have gradient from color panel.

Can the number format be controlled with custom css styles

I have a union query where the first query returns a count that I formated as a number '999,999' and the second query returns percentages that I want formatted as '99.9%' I can use conditional formatting to determine which part of the query the result came from but conditional formatting doesn't allow me to control the number format so I was wondering if custom css styles would allow me to control the format. Is converting the number to a character and concatenating a % sign ia better option. I was able to do this using BI Publisher and a different apporach but I want to be able to do it with Answers.

Make sure the address bar in Contribute is displaying your URL and
not a file path.
Your administrator can remedy this by going to the role settings and making sure the Home address is set to the URL. If you can't get the admin to update the role settings, you can enter your URL into the address bar and then the site should be able to find linked style sheets.

Using Custom css in master page but it changing the alignment when some user log in

Hi all,
I created a custom css and i applied on master page,this css is good for admin log in,but other group users are loges in, css is changing in Alignment of Pictures how to solve this issue , I given the permission for the style library where
i placed the images and css file

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

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

Similar Messages

Maybe you are looking for