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.

Tags: Database

Similar Questions

  • 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

  • How focus setting shaped CSS PS?

    I'm sure miss him just something really simple here, but I have a great range available exported with success and all PSCS3 extended. My question is whether or not there are a few settings in output dialog boxes to save for Web which focus all simply complete available. The layout is built (in PS) with AP div tags, and I'm pretty new with CSS I do not know how to center easily. If I remove the absolute positioning of the parent div and set the margins to auto, it focuses only box... all contents remain in their absolute positions. So, without having to manually re-code each CSS selector to reposition my layout front and Center, how can I change the whole thing?

    Help is greatly appreciated...

    You can see the layout and code to http://www.clark-imaging.com/dillon

    Hello.
    Create a wrapper and put all of your content inside. Something like this:

    {#wrapper}
    Width: 800px / * set the width of your choice here * /.
    margin: auto 10px; / * 10px is the top and bottom margin. The car is left
    and right and Center the div * /.
    border: 0px / * you can add borders if you wish * /.
    }


    All content goes here

    "asksteevsid" escribio en el message of
    Noticias news:[email protected]...
    > I don't know miss me just something really simple here, but I have a
    > large
    > slices available exported with success and all PSCS3 extended.
    > My
    > question is whether there are a few settings in the output dialog boxes in
    > Economy
    > for Web that focus simply complete available. The provision is
    > built
    > (in PS) with AP Divs, and I'm quite new with CSS, I do not know how
    > easily
    > Center it. If I remove the absolute positioning of the parent div and
    > set
    > automotive margins, it focuses only that box... the entire stay of content
    > their
    > respective absolute positions. Thus, without having to recode manually
    > each CSS
    > switch to reposition my layout front and Center, how can I change the
    > together
    > thing?
    >
    > Help is greatly appreciated...
    >
    > You can see the layout and code to http://www.clark-imaging.com/dillon
    >

  • How to set icons at the bottom of the screen on storm 4.7

    Hi all

    Can we define icons at the bottom of the screen to the storm as a native application on storm (media > (music, video, ringtones, the notes of the image and voice are at the bottom of the screen)) If you know the related code snippet, please report it.

    Thanks in advance.

    You can use the setStatus (Field) for this method.

    Something like:

    HorizontalFieldManager hfm = new HorizontalFieldManager(Manager.USE_ALL_WIDTH);BitmapField bitmapField = new BitmapField(Bitamp.getBitmapResource("icon.png"));hfm.add(bitmapField);MainScreen.setStatus(hfm);
    

    Concerning

    Bika

  • How to set the property a clip using personalization in OSTEOARTHRITIS

    Hi all

    I have a requiredment where in the entrance test area the user types should be converted to uppercase letter.
    This customization is available in the forms. But in the OPS, I am not able to find any option.
    can someone guide me how to do this.

    Thank you
    Bhupendra

    http://www.oraclearea51.com/component/content/article/85-General/314-how-to-add-custom-CSS-class-to-your-OAF-page.html

    Kind regards
    Out Sharma

  • 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

    customlogin.PNG

    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.

  • How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    I have developed a BB 7.0 BONE HTML5 / web app in which I want to include background image.

    Please guide me.

    Take a loot of rim: loadingScreen on config.xml http://developer.blackberry.com/html5/documentation/rim_loadingscreen_element_834680_11.html

  • How to set remote spaced further icon to display more text for the name below?

    Windows 7 desktop has many icons with similar names. I want that name under the icon. How to set remote spaced further icon to display more text for the name below?

    Right-click on the desktop and select Personalize.

    Select the color of the window

    Select the appearance settings advanced.

    Select the drop down next to the element

    Go down and select icon spacing (Vertical)

    change spacing next to size according to the needs.

  • How to set the color for background ChoiceBox point to ChoiceBox with css?

    How to set the color for background ChoiceBox point to ChoiceBox with css?

    I need to change the backgound color list items.

    I tried with the following code, but it's not help to:

    {.context-menu .choice-box

    -fx-background-color: Red;

    }

    .choice-box .menu-item {}

    -fx-background-color: red;

    }

    In Java 8, either of your selectors should work.

    In Java 7 (JavaFX 2.2), you need of the following workaround:

    #choice-box-menu-item {
         -fx-background-color: red ;
    }
    
  • How to set the rendering true or false in the java class

    Use case:
    I have a page where I have an inputListOfValues attributes and two .initial LOV LOV the return the value of the attribute is average false .it it shows that one attribute at runtime .inputListOfValues is contained two .assuming value if the first value then the first LOV demonstrates show and it's the value B, then second LOV must show .i link my LOV to class .but I don't know how to set restore attribute to the class Java.

    Try again with this...

    departmentName.setVisible (true);

    ~ Abhijit

  • 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

  • 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 define a style class?

    Hello

    I have a selector in my css to look similar to the following file:

    AF | panelHeader {}
    background-image: url("..) /.. (' / images/thanks ");
    background-repeat: no-repeat;
    background-position: center;
    }

    As you know it is applied to each panelHeader component in the application, but I want to apply to one of the components of panelHeader and not others. I know that this could be done using style classes, but I couldn't find how to define a style class. Could you please tell me how to define a style class based on the selector above?

    Kind regards
    Will do

    Hello.
    check this post to Lucas Jellema
    http://technology.AMIS.nl/Blog/5722/using-ADF-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances

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

  • How can you specify a class of custom style for an element of the ADF (column)?

    We use 10_1_3_3_0 ADF on Tomcat.



    We want to specify a class of extra style for a column header. We have specified the following style:



    {color: #808080} af | column.formHeader:header - text

    {

    text-align: right;

    background-color: Brown;

    border-color: #999999;

    do-family: Verdana, Arial, Helvetica, without serif.

    color: Blue;

    } {color}



    {color: #808080} & lt; sortable AF:column = "true" formatType = 'text' styleClass = "formHeader" & gt; {color}



    This doesn't seem to work. In our tests, the CSS is generated, but the new class style for the column header doesn't seem to be generated/mapped. I have reveiwed this post: Re: Jdev 11 g: how to set the width of some components on formatting of Panel. This specification (component. className::selector) is applicable for the 10g version of the ADF?



    Also, are their service/details for these selectors (e.g. ora-rule-ref - rt-rule-ref, - tr-rule-ref). I'm not clear on what they are mapped to, and how they are used.



    Thank you

    Published by: user10477345 on October 27, 2008 06:48

    Hello

    The style of the column classes will be added on theelements, not the header unfortunately. So for your use case, you will need to place the class on the table, and then use the selector

    af|table.MyStyleClass af|column.formHeader::header-text{}
    

    Unfortunately, this will affect all columns, not one so I don't know if it's going to spruce your need.

    Kind regards

    ~ Simon

Maybe you are looking for