Oracle Analytics Cloud and Server

Welcome to the Oracle Analytics Community: Please complete your User Profile and upload your Profile Picture

OBIEE 12c Custom.css doesn't work for me

Received Response
296
Views
23
Comments
2

Answers

  • deniska
    deniska Rank 5 - Community Champion

    And one more

    None of these two added to the end of master.css work

    ".HeaderBrandingCell{display:none !important;}"

    "td.HeaderBrandingCell{display:none !important;}"

  • deniska wrote:None of these two added to the end of master.css work

    As said: there is no black magic, CSS follows some rules, therefore you can analyse what happen and based on that implement the proper solution.

    Caching is a quite annoying thing with CSS: make sure your CSS isn't in cache server side and client side. Open the CSS directly in your browser and force the reload till you see the proper one there getting rid of cache and then check your page again.

  • deniska
    deniska Rank 5 - Community Champion

    I did analyze.

    I always cleared cache.

    And in developer console i never saw custom.css.(Probably I have to turn it using on anywhere or set the order how to get properties?)

    Only master.css when the class was from that file.

    And I saw changes that I made. But only if classes were from master.css.

    Adding classes with new properties from f.e. common.css to master.css did nothing to them. They used properties from common.css.

    new3.png

    Two classes: one from common.css and another from master.css

    Custom.css

    "@import "master.css";@import "facustom.css";

    .masterBrandingAreaBrandName{

                     color:red !important;

    }

    .HeaderBrandName {

        left: 100px  !important;

    }"

    I dont understand how to force to take the properties of these classes from custom.css

      or to force to take properties of HeaderBrandName class  from master.css

    There is no magic but probably there is some setting or css-file encoding or...

  • deniska wrote:...in developer console i never saw custom.css...

    Is it not even loaded at all?

    What is your exact version of OBIEE?

    The "!important" is only thing which can bypass the natural cascading of styles and force things. OBIEE default styles do not use it and that's why it's often possible to just do things in custom.css, because thanks to "!important" the custom rules can be forces to have priority over the common ones.

  • deniska
    deniska Rank 5 - Community Champion

    Yup, it doesnt load at all.

    12.2.1.4.0.

    It is located near with master.css

    If you have working custom.css for Alta-style element would you be so kind to attach it. I'd try it.

  • I was quite sure it would work fine in 12.2.1.4, but to be sure I just started an environment with 12.2.1.4 in which a custom style using the EAR archive has been deployed :

    Capture.PNG

    It works as expected, it's the same exact CSS as the one of the blog post.

    deniska wrote:Yup, it doesnt load at all.

    This is something else: the CSS must be loaded, even if you don't see the effects of the rules inside (which is a purely CSS issue), the file must be loaded. If it isn't it points more on the deployment of the EAR not being correct or the EAR itself not being correct or something to check there.

    So review the steps you did to deploy the EAR, double check everything again because the custom.css of the custom style must be loaded.

  • deniska
    deniska Rank 5 - Community Champion

    I deployed it as shared folder.

    I haven’t found download link on that page((

  • So you didn't use the EAR as the blog post you linked in the your first post but you used https://gianniceresa.com/2017/02/obiee-12c-custom-style-using-shared-folder/  instead?

    Were you expecting a download link? There isn't anything to download as everything is written and must be custom tailored with names and styles based on your needs.

  • deniska
    deniska Rank 5 - Community Champion

    Oh, I’m sorry. I used  another tutorial with shared folder.

    I asked about your custom.css file because I think that char encoding may be different.

  • The content of the file doesn't matter if the file isn't loaded. That's the piece you need to debug and fix first of all.