CSS classes more coming our way?

Similar Questions

• Command of the CSS class

  Hello

  I use 11.1.1.6 JDeveloper and Oracle ADF Skin Editor 11.1.2.3. I have browsed the sites of the community and not found a question / answer on the question, I am facing.

  I was able to create custom in my custom appearance CSS classes and apply them to my project WCP via JDeveloper. Personalized my CSS class (.) HeaderTitle1) is applied to the element of the ADF (outputText) through the styleClass property. (In my browser), I see that my custom class and the integrated ADF class are applied to the outputText component.

  The problem is the ADF integrated class to take my class. Based on CSS rules (see This example), it's because the class of the ADF is set far in the CSS file (or later if loaded in a separate file). I looked at the CSS file in the Chrome developer tools, and I see only 1 CSS file and my custom CSS classes are in the middle of the file with the ADF classes before and after them.

  Question: Is there a way I can control the order of statements in the CSS file? How can I make sure that my custom CSS classes will take precedence?

  Thank you!

  Of course, Alejandro. This is actually not an outputText (which is one of our use cases), but by applying a custom style for the goLink component that gives us grief.

  Here is my css:

  .HeadingTitle1
  {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
  }
  

  Here's how I'm referencing this css in my .jsp file:

  The result (via Google Chrome tools):

  Edit Address
  

  Hmm, actually, looks like I solved my problem. Looking at the source of the CSS file, I can see that the HeadingTitle1 class is set AFTER the class af_goLink (which contains the properties I'm afraid with):

  .af_goLink
  {
       font-size: 15px;
  }
  ...
  .HeadingTitle1
  {
    ...
  
    font-size: 24px;
    ...
  
  }
  

  Based on this demo CSS, I thought that the problem was that the class af_goLink defined later in the CSS file, so that it outweighs my custom CSS class, but it looks that it behaves the way that I need / expect.

  Not sure why I wasn't seeing it all along. Thanks for the help, Alejandro and Frank.

• How to set icon CSS classes

  Hello

  in my application, I would like to display our company logo (downloaded it s as a static application file) on the login page (with patterns of connection, as well for the region and the page). The logo must be placed above the header "Login" (as in the database).

  To do this I have to define an icon class CSS, right? How and where can I do this?

  Thank you in advance!

  LMK

  2997263 wrote:

  Thanks for your reply. I m using APEX 5.0 and the universal theme.

  1. turn your class icon in the Icon of CSS Classes in the appearance section of the region connection properties in the property editor.

  2. Add the following style sheet to connect Inline CSS property page in the property editor:

  .your-icon-class {
    background-image: url(&APP_IMAGES.your-image-filename);
    background-repeat: no-repeat;
  }
  

  Replace the class name and image filename as needed.

• Plugin element type: css-class of APEX interface is lost...

  Hi guys!

  It is still a matter of plugin.

  And before that: is there a forum dedicated to issues around the APEX plugin development? I don't know http://www.apex-plugin.com/ where you can share, but not discuss your own little ones. And other sites are more commercial.

  Perhaps someone here can also answer my current question:

  In the developer interface, you have the form HTML CSS Classes element and attributes of the HTML Formfields in the section of the element .

  The an element type plugin interface (among others) carries parameter apex_plugin.t_page_item.element_attributes.

  Documentation:APEX_PLUGIN

  Now the problem is that the values I enter in the field of the HTML form element attributes are passed to plugin procedure, the values of the Class CSS of HTML form elements get lost. And I couldn't find any other setting for this field of class.

  That's how I made of the element:

     v_html := '<input type="text" name="@name@" id="@id@" width="@width@" @attr@>';
      v_html := replace ( v_html, '@name@',     apex_plugin.get_input_name_for_page_item(false) );
      v_html := replace ( v_html, '@id@',       p_item.name);
      v_html := replace ( v_html, '@width@',    p_item.element_width );
      v_html := replace ( v_html, '@attr@',     p_item.element_attributes );
      sys.htp.prn(v_html);
  
  
  

  ... and so far every thing works. Certainly I can include my own class here, but I often insert a class at the level of application development, and I imagine that others do also.

  I also tested other plugins of item type, and did not see how the css class I spend there, reached the HTML.

  I forgot something or is it a flaw in the development of a plugin?

  Thank you and best regards,

  Tobi

  Work with 4.2.1

  Hey Tobi,

  You can find this setting in p_item.element_css_classes. I just checked out apex.oracle.com (4.2.4) and this attribute is passed correctly,

  Peter

• CSS = class"? ' AutoComplete

  Hello

  "Can you tell me when the automatic full funtion will work when you type class =" at the present time, you must remember the css classes, I would use the product.

  See you soon,.

  David

  It's on media - https://trello.com/c/oldLUN3g - order book so it has not yet been applied, but it is low on the order book. Don't know when exactly he would make his way at the edge of Code, but it will be media first (edge Code being just a distribution of media).

  = Ryan

  [email protected]

• I want to use an iPod touch to play my iTunes music in my car. To do this music must be stored on the iPod. It seems more has no way to do it. Is there a solution?

  I want to use an iPod touch to play my iTunes music in my car. To do this music must be stored on the iPod. It seems more has no way to do it. Is there a solution?

  Refer to the chapter of the manual music

  9.1 iOS iPod Touch User Guide

  See also:

  I get message says: CONNECT to THE WI FI TO PLAY music.

• Custom icon in the icon of the CSS class attribute

  Hello world

  Apex version: 5.0.1

  Universal theme

  Oracle version: 11 GR 2

  I created a custom page, sign in as the picture below. In the icon attribute set spinner fa temporarily CSS classes, instead I need to put a custom, icon that I made icon. I don't know where to add the new icon? I've added an icon in the shared components > files to workspace static but I can not reference an Image of workspace of the class CSS of the icon attribute.

  
  Can someone tell me where and how to create a new icon for use with the attribute of CSS icon classes?
  
  Thank you

  

  The CSS style related to the use of the property of the icon of the CSS Classes is set up specifically to manage the icons great fonts. Rather than trying to substitute these for host your custom image, it's easier not to specify a class icon CSS and a simple CSS rule allows you to set your picture as a background on the header area of connection:

  .t-Login-header {
    background: url(&WORKSPACE_IMAGES.logo_GUATEFAC.ico) top center no-repeat;
  }
  

  This can be applied on the page of connection Inline CSS property, either as a custom theme CSS Roller rule.

  Also note that even if the property is called "Icon of CSS Classes", the ICO file format is not normally used and in fact may not be returned by all browsers. (Fonts Awesome 'icons' are in fact a vector font glyphs). In this case you would be advised to use a version of the superior image quality of your logo in PNG format.

• REGION OF THE CSS CLASSES

  Hi, I'm new to APEX. Grateful if someone can help me understand the REGION CSS CLASSES and how to modify an existing one.

  Thank you

  1641493 wrote:

  Please update your forum profile with a recognizable username instead of "1641493": Video tutorial how to change username available

  Another question... The list of values for the region css classes will be different according to the theme that we have selected.  I need to know the css of the file I need to update in order to contrast a class in this list.

  There is in fact no connection between the CSS file and the metadata of element APEX. The values in the LOV pop up in the region of the CSS Classes are simply a list of distinct values specified in the property of the region of the CSS Classes to other elements of the current application. See this recent thread on the equivalent element property: HTML Form element CSS Class values - Where From?

• stylesheets with CSS classes included in possible springboard?

  Hey there.
  Is it possible to include a CSS stylesheet in my springboard custom-made?
  I can include them in features, but don't know how to import external files to the custom springboard (page amx)...
  
  Kind regards
  Pascal

  Hi, Pascal, in fact I would like to add to this so that everyone can see it.

  Yes, you can use custom CSS springboard and custom login screen. If they are HTML based, you would simply include the CSS with your HTML page. If these are AMX based, you will need to follow the SkinningDemo in order to extend or add new style classes. Look in the ApplicationController - Sources of the Application project - META-INF-adfmf - skins.xml file. It contains references to additional CSS classes that can be used in the entire application. Springboard and login page being application-level objects, these CSS/count files must be added to the project by the sample controller App.

  Quick explanation of the file adfmf - skins.xml because I was not clear in the call this morning. You can modify the existing CSS classes, delivered with the framework, or add new CSS classes for the frame. To change (or extend) - for example, to replace outputText color of the Red header facet, first add this to the file skins.xml

  
  mobileFusionFx.iOS
  mobileFusionFx
  mobileFusionFx
  CSS/myCSS.CSS
  

  Then in your file mycss.css, need you:

  . AMX-panelPage-facet-header > {.amx-outputText
  color: Red;
  }

  If you want to add a new CSS class, and then use it in your application, you must:

  
  mobileFusionFx
  CSS/myaddedcss. CSS
  

  And the myaddedcss.css would have the following new class that you can now use in your application:

  . {MyCSSClass}
  color: Green;
  }

  This would work against the entire application as a springboard and custom login app generated using AMX.

  Thank you

  Joe Huang

• How to use the CSS class

  Dear friends,
  
  I use Apex 4.1. I did a CSS class. I just want to know where I have to paste the code below and where I call and how?
  
  
  I wrote this in the properties-> header HTML PAGE
  
  < style type = "text/css" >
  MyClass
  {
  Width: 200px;
  color: orange;
  background-color: #CCCCFF;
  }
  < / style >
  
  
  
  
  the call above field-> on the attributes of HTML table cell. class = 'MyClass '.
  
  but it does not work. Please help me where I am doing wrong. Thanks in advance.
  
  Concerning
  Kamran

  Hello

  I have cerated a sample APP (APPL_1) in my TEMP workspace:

  http://Apex.Oracle.com/pls/Apex/f?p=29601:1:844154738192245:

  You can identify yourself in my workspace (see for the source):
  workspace: APEX_DEMOVIC
  Login: demo
  Pass: demo

  It will be useful.

  Concerning

  J :D

• Can you do the "Apply CSS Class" part of the greatest Editor?

  Hello...

  I was wondering - is it possible to enlarge the window of the editor "apply CSS Class '... It's TINY. (on the site of 200px)

  So I don't see a lot of classes...

  

  Cheers, Dave

  Hey Dave

  You could paste the lines for these CSS elements you have in the CSS but also how your loading the css.

  IF you have several CSS or CSS class items are in a @import (a file css etc) it will not work.

  Also before that, try to clear the cache, log out, clear the cookies from domain for the site and reconnect. That sort? If this isn't the case, then do the foregoing.

• Attribute of RoboHelp 8 &amp; CSS class

  I tried to use the CSS class attributes, but it seemed to be recognized by Robohelp 8. Here is an example of my code:

  My external style sheet:

  {Test}

  Width: 562px;

  height: 16px;

  text-align: center;

  do-family: Arial, Helvetica, without serif.

  make-weight: bold;

  color: #ffff00;

  }

  Test1 {}

  background-color: #00900;

  }

  Test2 {}

  background-color: #008000;

  }

  In my file:

  < link rel = "Stylesheet" href = "layout.css" type = "text/css" / > "
  

  < div class = "Test1 Test" >

  I type something here

  < / div >

  The text I type is rendered but none of the formatting.  What I am doing wrong?

  Does anyone know if there is a problem with Robohelp 8 do not support CSS classes?

  Thank you!

  Post edited by: Lakooli

  Hello

  Add a period (.) before the class definitions in your css:

  . -> All items that have the test of the test class

  Or even better:

  div. Test-> DIV element only have test class

  Take a bow

  Willam

• Reg: Url of the Image that passes through CSS class

  Hello
  How can I pass the image through Css class?
  Thanks in advance.

  Hello

  I don't know if this can be done in the css file as well.

  I assume that you use the bean of support for setting the skin (just read your old thread). If so, you can add two images on the page and set the visible property according to the skin. Something like

  If I select the second CSS file so the logo will change according to the style class defined in the CSS file first.

  As far as I KNOW, the logo of the company would be static;).

  Arun-

• Two quick questions (hopefully) - right way to dynamically change the CSS class and put of Splash screen implemented

  Couple of quick questions have left me speechless!

  So, it seems obvious that many JavaFX applications want to dynamically change the CSS styles.  Is the best way to do it through la.getStyleClass () .add ("classname") < node >?  The underlying data structure is a list of observable.  So let's say we have 5 styles that simply to change the fill color of a circle of 5 different colors, respectively.  So if I have a condition in which I want to dynamically apply 1 of these 5 styles, as I do now it's by setting all 5 styles as a string in a list by using a static initializer, then I call < node > .getStyleClass () .removeAll (list), then getStyleClass () .add ("classname").  I do this to avoid adding again and still the same style and inflate the underlying list.  What is the right way to manage dynamic CSS styles?

  Finally a very simple I think.  So I know there's a little differently to implement a splash screen.  My app has certainly got bigger in the last few months of development and I noticed there are about a 5 second delay between when I run the application when I see the main stage.  I was thinking what a splash screen would be nice to fill that time.  I had no time to prototype using a Preloader and I fear that using another, early stage start-up again would be too long of a delay.  "I actually thought that using the Nice and simple JVM argument" - splash: image name > "would be simple, easy and effective.  Unfortunately when I try to do, the splash screen appears but never goes away.  Anyone know what is happening with this?

  Your mechanism to manage the css style classes is a good approach; I've used several times. I wonder why the style classes have been implemented as a list, instead of a game, but there may be cases of good use for the use of a list.

  In some cases you can also consider using CSS PsuedoClasses, which were presented in JavaFX 8. Here is a little easier to use, especially if you have two options. But a use case might look like:

  public class Message {
      public enum Status { NORMAL, WARNING, CRITICAL }
  
      private final ObjectProperty status = new SimpleObjectProperty<>(Status.NORMAL);
      private final StringProperty message = new SimpleStringProperty();
  
      // constructor, getters, setters, and property accessors....
  }
  

  public Label createLabel(Message message) {
      PseudoClass warning = PseudoClass.getPseudoClass("warning");
      PseudoClass critical = PseudoClass.getPseudoClass("critical");
  
      Label label = new Label();
      label.textProperty().bind(message.messageProperty());
      message.statusProperty().addListener((obs, oldStatus, newStatus) -> {
          label.pseudoClassStateChanged(warning, newStatus == Message.Status.WARNING);
          label.pseudoClassStateChanged(critical, newStatus == Message.Status.CRITICAL);
      }
      return label ;
  }
  

  And then your css looks like

  .label:warning {
      -fx-text-fill: orange ;
  }
  .label:critical {
      -fx-text-fill: red ;
  }
  

• It is a way to force capitalize an entry in a field in a web form. What would be hard-code? I don't want to change the CSS class.

  This code would be:

  < label for = "CAT_Custom_162533" > TYPE IN YOUR FASCIA NAME below: < / label > < input type = "text" placeholder = "for example. Incredible juice Joe"class ="cat_textbox"id ="CAT_Custom_162533"name ="CAT_Custom_162533"maxlength ="4000"/ >

  You would do this with javascript.