Custom icon in the icon of the CSS class attribute

Similar Questions

• 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?

• 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.

• Editor settings online for the css class selector

  Hello

  We want to reduce the number of available classes in the css selector in the online editor.

  We followed the instructions on how to use the partner portal, i.e.

  1. go to the partner portal > tools > editor online settings.

  2. choose the site

  3. click on Apply Css Editor

  4 added the name of the class that I want to show my editor one by one.

  And the process is.

  But our settings have not taken effect.

  In fact, it removes all the classes of the selector.

  This implemented?

  Please help me

  Thanks in advance

  Projjwal

  I know this is an old post, but just in case anyone is wondering, if you add custom classes or IDs to the Publisher, they must also appear EXACTLY the same in your CSS to the template file. So, if you add the following to your classes online editor:

  .img-right

  left-.img

  You will need in your CSS:

  .img-left {}

  .img-right {}

  Otherwise, it will not be displayed. If they will NOT work:

  . Happy .img-left {}

  #post - 36 left-.img {}

  @media (min-width: 480px) {.img-left {}}

  Hope that helps.

• doubts about the css class...

  I tried to load a background image in the theme universal apex 5 in the login page.

  and I used the code found in the following link and got it works

  Apex 5.0: Theme Roller and background image

  But I doubt that can be very simple for the css professionals.

  .t-PageBody-.t-body connection

  {

  Background: URL("Sports.jpg") repeat top center white scroll;

  Color: #000000;

  do-family: Arial, Helvetica, Sans-serif;

  do-size: 12px;

  line-height: 17px;

  }

  .t - PageBody.t - body

  How do you know .t-PageBody - .t-body connection was the main class to change...

  Let me know if my interpretation is correct

  .t-PageBody - login is the main class

  and .t-Body is the upper class?

  
  

  pauljohny100 wrote:

  I tried to load a background image in the theme universal apex 5 in the login page.

  and I used the code found in the following link and got it works

  Apex 5.0: Theme Roller and background image

  But I doubt that can be very simple for the css professionals.

  .t-PageBody-.t-body connection

  {

  Background: URL("Sports.jpg") repeat top center white scroll;

  Color: #000000;

  do-family: Arial, Helvetica, Sans-serif;

  do-size: 12px;

  line-height: 17px;

  }

  .t - PageBody.t - body

  How know .t-PageBody-.t-body connection was the main class change...

  Let me know if my interpretation is correct

  .t-PageBody - login is the main class

  and .t-Body is the upper class?

  .t-PageBody--login .t-Bodyis a descendant selector. It matches any element with a class attribute that contains a t-Body value having an element ancestor with a class attribute that contains a t-PageBody--login value. There is no concept of 'main' class or 'slot' in CSS. The required selector is likely to have been determined on the supplement page using a web Inspector.

  It is advisable to take some tutorials to get at least a basic understanding of web technologies when you work with APEX.

• 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 ;
  }
  

• 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

• Lines of transformation in a collection based on the css class?

  Hi all - I'm sorry if the answer to this is obvious, but I am a bit stuck. I have a report based on a collection of apex_. I have a simple dynamic action that allows users to click and highlight some lines in the collection report (I use just toggleClass on a jQuery selector). Now, I want to use only the highlighted lines in a process of pl/sql.

  I guess I also need to update the collection sort to indicate that a line is "selected", as perhaps together an unused column as c050 to a certain value, and then I can query the records and use it in my plsql? Put in evidence is right in the browser and is not visible to the db (correct?) so I think it's the best option?

  I also have the same question for the columns, that is if I let the user select an entire column and I want to use only the column values in a plsql.

  All the tips are greatly appreciated.

  Thank you

  John

  You're already halfway there - add another action to your dynamic action that uses jQuery on the trigger and execute some PL/SQL to add the Member to the collection.

  Is it enough to go?

• 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.

• 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

• Question: Style af:column header using the CSS style class

  Hello

  I have a simple requirement to set the background color of a column heading to 'red '.

  We use a custom look and I put in this entry in the .css. file

  AF | : column-head - cell.customcolheader {background-color: #FF0000 ;}}

  In my .jsff file, set the styleClass for the desired column

  < af:column id = "c27".

  Align = "center".

  headerText = "#{uiBundle.TEST} '"

  styleClass = "customcolheader" >

  < / af:column >

  
  

  Deployed to the app and navigated to the web page expecting to see the background of the column header color changes to red.

  No luck.

  
  

  I removed the qualifier (.customcolheader) and all the column headers in the corner of the Red application.

  AF | : column-to-head-cell {background-color: #FF0000 ;}}

  
  

  Only when I specify the name of the class and apply it to a specific column, it does not work.

  This happens on all 3 major browsers: IE, Firefox and Chrome.
  

  I find it very strange.

  
  

  JDeveloper version 11.1.1.5.0

  Version of CSS CSS Level 2 revision 1

  
  

  All entries will be appreciated.
  

  Thanks Shay.

  What you mentioned was infact my original code.

  I found the problem. The CSS was not the problem.

  To set the background color of a column heading, I was put in the name of the class under StyleClass for FY: column.

  Infact there is an attribute called "HeaderClass" to af:column and we need to set the name of the CSS class entry there.

  Works like a charm :-)

  Thanks for all the good entries.

• How to add form fields to the form of attributes

  Does anyone know if the channels of its possible to add the custom text in the form of attributes in a list (product great view) product.

  I created a checkbox control in a new attribute of product but this box has also two string text fields I need to insert that will define the object checkbox.

  i.e.

  CheckBox checked = |  String [name] |  text string [number]

  Thank you

  Wayne

  You want to use is the field of details of capture.

  When you check on a product and you have this tag in the layout, it will make a text box.

  You can use this for details of captcha that come through the order in the system.

  If you have several fields for different things, you can create those of the disposition of the proceeds, CSS hide the data text box captcha box and fills with javascript based on the field that you create.

  You can also add new fields to your web form to the registration form buy as its functionality is still a custom web form. You can add to that in the admin, update the registration purchase arrangement with the shape that they include those. You can create those to be both custom fields CRM, if you

• 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]

• How can I change an icon with a custom icon that is downloaded from the internet (i.e. not already in the file "bowse icon")

  I want to customize my desktop icons to make it easier to read. When I right click, select Change icon, select Browse, I see all the icons I want to use. I downloaded a custom on the internet and saved on my desktop icon, but I don't know how to replace the old icon by this news.

  Tried to drag on the old icon without success.

  Hi Larry,

  Thanks for posting your query in Microsoft Community.

  I understand from your description, that you cannot change the folder icon with a custom icon uploaded to the Internet.

  I'll be happy to help you. This problem could be caused because you may not have selected the right path or the location of the file that you downloaded or the downloaded file may be damaged or does not work or does not exist.

  I suggest to follow the steps below and we update on the State of the question.

  I recommend you to check or find the location of the file or path where exactly you downloaded and to check whether the file is actually present in the location and also check the file is fully downloaded and work very well.

  a. Subsequently, navigate to the folder that you change the icon and right-click on the folder.

  b. click Properties, click the Customize tab, click change icon, and click Browse.

  c. Select the correct path inside the menu drop-down or enter the correct path manually from the exact location of the downloaded file.

  d. open the file downloaded for the icon, choose the name of the file and click Open to select the file, and check to see if it helps you.

  If the problem persists, then I suggest you to download the file once more on the Internet and save it in a new folder and check the issue.

  For reference:

  How to change the default icons for folders in Windows XP:

  http://support.Microsoft.com/kb/310192

  For all windows questions do not hesitate to contact us and we will be happy to help you.