How setting contentStyle in a external CSS File

Hello,
I want setting any contentStyle properties in an external css file.
Something like:
<af:selectOneChoice id="gotoPg"
contentStyle="width:60px;"
I tried this, but doesn't work:
<af:selectOneChoice id="gotoPg"
styleClass="classCss"
Inside the external css:
.classCss{
width: 60 px;
How can i setting the contentStyle properties in an external css file ?
Thanks,
Victor Jabur

Hi Victor,
On the ADF web page (jspx) you have to include the css stylesheet
<link rel="stylesheet" href="./css/untitled1.css" type="text/css"/>
You can create a new CSS file from JDeveloper by right-clicking on the ViewController project, select "New..", once the "New Gallery" window is displayed go to Web tier -> HTML and you will have the "CSS File" option.
What you put inside your css looks good:
.classCss{
width: 60 px;
Note that the width property will affect the whole af:selectOneChoice component, including the label and the different choice values.
-Cris

Similar Messages

How to Live View with external CSS files?

I am using a simple HTML page that references several external CSS style sheets. The style sheets are site root relative. The code validates.
http://www.sandsmuseum.com/coinop/games/evansraces/documentation/index.html
In Dreamweaver, the page looks good in Design View. Previewing in a browser looks good when the box to save temporary files is checked (replaces css inline for the input to the browser.)
However the page is missing the CSS and an image that is site root relative when I try to view it with Live View.
Does Live View only work with a test server? I tried setting up a test server that points to the remote server but that does not seem to help.
I am sure I am missing something. Can someone please help?
Thanks,
Michael

Apparently I did not ask the question correctly or even make it interesting. Does anyone have a suggestion on how I might ask the question next time?
thanks
Michael

External CSS file?

Do I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?
For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
Thanks

Can i get you to elaborate on this statement? This sounds like something that will work for me.
I have a text box in my edge composition with a scroll overflow. I have added a class to that text box equivalent to that established in an external css file. In that css i have items to change the look of the scroll bar, text color, and background color.
I need a little guidance how to fit all these pieces together.

Found 7 errors in external css files

I am using CS3 and set up the slide show successfully, I ran the "check Browser Compatibility and I get this error,
Found 7 errors in external css files
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
line 35; <link type='text/css' href='Spry-UI-1.7/css/SpryImageSlideShow.css' rel='stylesheet'/>
Is this something to be concerned about? Is this widget only meant for CS5, is there a fix needed?

Here is the css
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.2 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
position: relative;
width: 480px;
height: 320px;
overflow: hidden;
border: solid 1px black;
.ImageSlideShow .ISSClip {
width: 100%;
height: 100%;
overflow: hidden;
background-color: black;
.ImageSlideShow .ISSView {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
.ImageSlideShow .ISSSlide {
position: absolute;
top: 0;
left: 0;
width: 100%; /* Required for IE6/IE7 */
height: 100%; /* Required for IE6/IE7 */
text-align: center;
/* Fix to get images to fade properly in IE8 and change correctly in slideshow.
* This is due to the fact that absolutely positioned elements cannot have their
* opactiy altered in IE8. */
.ImageSlideShow .ISSSlide img {
filter: inherit;
.ImageSlideShow .ISSControls {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
position: absolute;
top: 0;
display: block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-repeat: no-repeat;
text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
left: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-back.gif);
background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
opacity: 0.5;
filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
right: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-forward.gif);
background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
left: 30%;
width: 40%;
background-image: url(ImageSlideShow/iss-play.gif);
background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
background-image: url(ImageSlideShow/iss-busy.gif);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
display: none;

Unable to embed External CSS file, dropdown list,filter panel and dimension filter are not working in SAP Design Studio Tool

Hello Everyone,
I am new to SAP Design Studio. I am working on creating dashboards and I am using Design Studio 1.2 version. Please suggest some solutions for the following issues. Thanks in Advance.
1. External CSS file which is embeded using custom CSS option under "application component properties" is not working.
* I kept the external CSS file inside repository-> my application folder.
2. During runtime, getting javascript error while selecting '-' option from filter panel.
3. Unable to select or type dimension name under "dimension filer component" properties.
4. Getting runtime error for dropdown list, and I have inserted the following code under "onStartup" option of Application component properties.
"DROPDOWN_1.setItems(DS_1.getMemberList("PRODUCTREF", MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 20));
and dimension values are not populated in auto suggest."

There should be an Error Log under View > Error Log that gives you more details of these errors. Could you add that? There is also a View > Script Problems log that provides more details as well.

External CSS file in HTML export options

When exporting to HTML from ID CS5.5, is the option for an external css file a link to a file or a url?

@ mmurphytech4pub, the External CSS allows you to choose a file from your computer. However, you can also mention an http:// URL if you're CSS file is hosted on a web server.

How do I deploy an external JAR file

Hello,
How do I deploy an external JAR file?
I am grateful for every hint.

Hi Manuel,
If you read my blog mentioned in the beginning of the thread, you will note that such solution is not supported in our engine due to number of reasons.
Please, read the blog and use application library shared among these two applications. You will achieve the same effect. Please note that the using application will need run and deploy-time dependencies to the shared library.
You should not add files to any of the folders manually or manipulate engine's classpath in such situations.
Best Regards,
Georgi

How to set the classpath for external .jar files after importing?

Hi techs,
How to set the classpath in WSAD5.1.2 after importing the .jar file to the WEB-INF/lib folder.
urgent

I got it.
after importing the jar file to the perspective,we need to right click on project name, go to proprties,
goto java build path,
there we need to include the external jar files.

How to add external css file from _edge.js file

I have tried to add in html page, but when I save edge project it removes it.
I am able to add external js file in scripts:[] in _edge.js file
What we can add inside resources:[] ?
And is there any way to add external css in edge files except in html page and through javascript?

...and which kind of files can be included under
resources: [] ??
I have a .json file that I need to be included in a template (and also included in projects created from that template).
The only way I found to do this is to add it as a script. The problem then is that all included "scripts" will be evaluated when the page is loaded, which will fail since it's a json file. External dependencies makes it impossible for me to change the format of the json file...

How to add an external CSS file in master page

Hi,
We're running a SharePoint 2013 (Office 365) team site. I'd like to use the same formatting in all my site pages. I currently use a script editor web part to apply the formatting changes which is cumbersome. How can I utilize a css file so
that all of the site pages use the same formatting?
The site that I want to apply the formatting to is a sub site of the main site. Only the main site has a "Styles Library" if this matters.
Thanks.
Brian

You can also consider activating publishing features and uploading the css files to the Styles library that is created. This allows you to override the oob CSS.
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

How can I find Bitlocker External Key File location?

My Windows 8.1 PC includes a system drive and data drives. All the drivers were encrypted using Bitlocker with the data drives set for autounlock.
I recently decrypted the system drive (without decrypting the data drives) and reinstalled the OS, after which my data drives required the Bitlocker recovery key to unlock.
However, I had "backed up" the recovery keys to my Microsoft account but now I can find only the recovery keys for the system drive. The recovery keys for the data drives cannot be found on my Microsoft account.
I have tried to use the "manage-bde" command at the console to obtain the recovery password but I am only getting the Numerical Password ID and the External Key File Name. Can anyone provide advice on how I can retrieve the passwords or the
External Key File location?
Thanks.

Hi Ridgewood,
As my point of viewer, the BitLocker Automatic unlock volume is also protected by BitLocker Disk Encryption. The user encrypted information is stored in the registry and volume metadata. After a user unlocks the operating system volume, BitLocker uses the
encrypted information to unlock the data volume automatically.
After the reinstallation of the system, the encrypted information is lost and BitLocker can’t unlock the data volume automatically.
Every volume has own recovery key.
As mentioned in your post, the data drive require the recovery key to unlock.
I suggest you to double-check the OneDrive and try to find out where did you store the recovery key.
If you can’t find the recovery key, we can’t help you to decrypt the data volume.
Best regards,
Fangzhou CHEN
Fangzhou CHEN
TechNet Community Support

FAQ: How do I load an external SWF file into a parent SWF file?

A ton of Flash users visit Adobe’s we site every month wondering about how to load an external SWF file from within another SWF.
Adobe's own TechNote on the subject attempts to answer the basic question, along with some common follow-up questions, including:
How do I load more than one SWF?
How do I load a SWF into a specific location in the display list?
How do I resize the loaded SWF?
How do I set its X and Y location?
Here are some additional resources that elaborate on loading content and on working with the display list:
Sample files for the above TechNote. A set of 3 FLA and 3 corresponding SWF files, including a parent SWF and 2 SWFs that the parent loads.
Help > AS3 Developer’s Guide > Loading an external SWF file
Help > AS3 Developer’s Guide > Loading display content dynamically
Loading multiple external SWFs within a main SWF – CreativeCow.net forums
Video tutorial: ActionScript 101 – Episode 6: Adding named objects to the Stage. By Doug Winnie. An example of how to add the loaded external asset to the Stage and modify its location or other properties.
Video tutorial: Preloading in ActionScript 3.0. By Lee Brimelow. A slightly more complicated example, showing how to make the parent SWF display information about the progress of loading the external SWF.
Tutorial: Loading and unloading SWFs - FlashAndMath.com
This article provides several examples of how to communicate between a parent SWF file and the loaded SWF:
SWF to SWF Communcation via ActionScript 3.0 (by kglad)

quote:
Originally posted by:
NedWebs
You now seem to want to get rid of the swf once it has loaded
and played itself thru. To do that you would need to have something
in the swf itself that triggers its removal in its last frame. The
following might work...
MovieClip(this.parent).removeChild(this);
Unfortunately I couldn't get this to work. I placed it on the
last frame of the SWF to be called - is that right?
I am not sure I am doing it correctly...

How to get !--$HttpRelativeWebRoot-- in css file?

Hi, the ucm does not execute the idocs script in css file. How can I get the information in css file?
.header{
     background:url(groups/webfiles/documents/webfiles/wcm_001871.jpg) no-repeat left 0px;
     height:104px;
     //width:1024px;
Thanks!
Edited by: joechang on 2011/1/8 上午 2:29

There is no real way to do this without some clever hacking (see #3). I would recommend one of the following:
*1.* Hard-code the webroot:
url(/web/groups/webfiles/documents/webfiles/wcm_001871.jpg)
Your web root should, for the most, never change anyway.
*2.* Put your CSS as an asset within a fragment that is referenced on the web page(s) using it. If you do this, then your url can simply be relative to the fragments directory instead of the actual web page:
url(../groups/webfiles/documents/webfiles/wcm_001871.jpg)
*3.* If you're DESPERATE, you can create a new section (ie. stylesheets) whose "url page name" is set to something like "master.css". Then create a layout/page template that is written like a .css file. This way, you can use idoc and then just reference this section's primary page as the .css file to use.
Good luck, and please award points as necessary.

Problem with elements/text linking to styles in external css file

Hi,
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?
I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.
The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.

Use yepnope like this:
yepnope(
    nope:[
    // include your css file path here.
        'css/yourcssfile.css',
    complete: init
function init() {
//whatever you need here

WTG Newbie: can't find external CSS file

Hello Forum... I've placed a css file in a directory (/res/basic.css) just off the root of my test webtogo application but the application doesn't pick it up when I use the syntax:
<link rel="stylesheet" href="/res/basic.css" type="text/css"> in the html header.
I've tried some variations on the href url but still can't get it to work.
I presume I'm not understanding something pretty fundamental. Can anyone enlighten me? Btw, this usually works on another servlet container such as tomcat.
Many thanks
/j-p.

Hello Ravi... thanks for your help.
1. version 10.0.0 of oracle lite
2. I'm just starting out with some simple test applications.
3. I just wanted to include external files for css stylesheets and javascript in my test web application.
Case 2 is my situation.
I can't succeed in getting the olite server to serve the css file - even by manually typing the url:
http://localhost:7070/mobtest2/res/basic.css
and I had tried removing the root slash as you had suggested but still the same problem.
Here is the relevant section of wtgapp.xml from the wtgsdk\bin directory, maybe you or someone can make out what I'm doing wrong by how this is configured:
<application name="SecondMobileTest">
<platform_info>
<platform>Oracle Lite WEB;US</platform>
</platform_info>
<app_info>
<directory>/mobtest2</directory>
<virtualpath>/mobtest2</virtualpath>
<defaultpage>users</defaultpage>
<icon></icon>
<description>A Second Mobile test</description>
<publication></publication>
<platform>Oracle Lite WEB;US</platform>
<localroot>C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\</localroot>
<classpath>/jp_test/tabletest1/servlets</classpath>
</app_info>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\res\basic.css" server="" recursive="Y"/>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\servlets\org\wfp\test\Users.class" server="" recursive="Y"/>
<app_db connection="10" sharing="N">
<dbuser>master</dbuser>
<dbpwd></dbpwd>
</app_db>
<role name="Default Role"/>
<servlet name="org.wfp.test.Users" virtualpath="/users"/>
</application>
Best Regards
/j-p.

How setting contentStyle in a external CSS File

Similar Messages

Maybe you are looking for