Custom CSS Best Practice?

I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
I have a master theme application and am subscribing to it from each application, and have a custom CSS file (in Shared Components whilst developing then will become external in production for performance reasons) referenced in the page templates.
My question is, taking the form region as an example, in Theme 25 at the top of the form region definition you have:
<section class="uRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>I want to customise the uRegion CSS, so what is the best practice - put a new uRegion definition in the custom CSS file with the new CSS in it, to override the standard uRegion, or change the form template to:
<section class="ABCuRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>and put a new definition for ABCuRegion in the custom CSS file? Both work but I wonder what is best. By referencing the company name ABC in the template it is obvious that this has been overridden, but by just overriding the standard uRegion and leaving the template as-is, is that better for forward compatibility? I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that.
regards,
Malcolm.

MalcA wrote:
I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that use the copy as the base for a custom theme.That's the recommended approach if you're really creating a custom theme rather than just tweaking things here and there. It follows the principle of separation of concerns in that by retaining the standard <tt>uRegion</tt> class you can change the appearance of the application simply by switching the referenced CSS, rather than having to change template, HTML, and CSS.
It's also more efficient than having the browser parse and apply multiple levels of override rules, and more likely to allow designers and developers to remain sane as they have fewer strange cascade and specificity bugs to deal with.
Best practice for serious customization is to leave <tt>/apex/images/...</tt> untouched and create your own CSS/images/JS folder structure elsewhere on the web server. This makes it easier to apply APEX patches and upgrades, and to manage your custom resources.

Similar Messages

  • HTML and CSS Best Practices for Eloqua?

    Hello Topliners Community,
    My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
    Thank you,
    Ben

    Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
    But if you must then right clicking on text boxes and click edit source is the way to go.
    There was a good discussion on editing your forms with CSS:
    Energize Your Eloqua10 Forms with CSS
    created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
    Version 2
    CSS can be used to heavily customize the layout of forms in Eloqua10.  In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages.  Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
    Eloqua10 Forms HTML Structure
    Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page.  By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
      For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

  • CSS best practice / keepalives

    We have a Cisco 11503 running 7.40.1.03 (standard feature set) that we are setting up as a load balancer for a new e-mail system. I had two previous threads - thanks to Gilles and the others who responded. The box is now more or less configured to do what we want it to do, but I'm curious about "best practice" suggestions for keepalives.
    As I understand it, keepalives are per service. As an example, we have two webmail servers. They are only running SSL, so each server is a service with keepalive type ssl. If webmail1 looses its apache or just dies entirely, the keepalive will not respond, and the CSS will send all traffic to webmail2, which still has its keepalives active.
    This is all well and good. But, our IMAP servers are running multiple protocols - 7 of them. I have two services configured; one for each server, with no protocol specification. Then I have a content rule for each seperate protocol, where the port #s are configured.
    I am thinking that if I want the most out of the CSS, I need to configure a seperate SERVICE for each protocol for the e-mail servers, with a specific keepalive for each individual protocol. That way if SSH goes away, the CSS will close SSH to email1 and only send that traffice to email2, but will still send IMAP or SIMAP to email1, since those protocols didn't go down.
    For me this seems like a configuration disaster. I'd need a seperate service for each server and each protocol, and then a separate content rule as well for every service and every protocol.
    Is this correct? Or is there some way of streamlining the configuration to reduce the number of services and/or content rules?
    Thank you! And let me know if the configuration would be helpful.
    Cheers...

    The best is to indeed split each protocol and create a separate service and rule for each of them.
    2 servers and 7 protocols is not a big config [some customer have 300 servers and 2 or 3 protocols which makes it more problematic to configure].
    If you really think this is too much, simply create 1 ip service per server and 1 ip content rule.
    You don't monitor the protocols but just ip connectivity.
    Easy config, it works but you don't have the granularity to detect specific protocols going down.
    Regards,
    Gilles.

  • Where to create root BOL in custom component - best practice

    Hi Experts,
    I have created a BOL class to insert values into a ZTable.
    I have created a custom component/views for the BOL. Now how will the create method in the BOL will be called. In which method of the component controller or view controller do I create the BOL root..
    I want to use the following code.
    CALL METHOD SUPER->WD_CREATE_CONTEXT
    DATA:
      lref_substitute           TYPE REF TO if_bol_bo_property_access,
      lv_index                  TYPE i,
      lref_bol_entity           TYPE REF TO cl_crm_bol_entity,
      lrf_cuco                  TYPE REF TO cl_gs_mcat_mcat_impl,
      lref_bol_core             TYPE REF TO cl_crm_bol_core,
      lv_object_name            TYPE crmt_ext_obj_name VALUE cl_crm_catego_genil=>gc_ob_schema,
      lv_create_param               TYPE crmt_name_value_pair_tab,
      lv_number                     TYPE int4 VALUE 1,
      lref_new_substitute       TYPE REF TO if_bol_entity_col,
      lr_tx                     TYPE REF TO if_bol_transaction_context
    lref_bol_core = cl_crm_bol_core=>Get_instance( abap_true ).
    lv_object_name = 'ZHRUS_D2'.
    TRY.
        CALL METHOD lref_bol_core->root_create
          EXPORTING
            iv_object_name  = lv_object_name
            iv_create_param = lv_create_param
            iv_number       = lv_number
          RECEIVING
            rv_result       = lref_new_substitute.
      CATCH cx_crm_unsupported_object .
    ENDTRY.
    CHECK lref_new_substitute IS BOUND.
    lref_substitute ?= lref_new_substitute->get_first( ).
    CHECK lref_substitute IS BOUND.
    me->typed_context->zhrus->collection_wrapper->clear( ).
    me->typed_context->zhrus->collection_wrapper->add( iv_entity = lref_substitute ).
    I give the code in various methods and it all works fine. But what is the best way to create the root node.
    Regards,
    Abdullah Ismail

    Hi Abdullah,
    I use something like this to create a root entity in the BOL Core. In this case, a standard entity: BTOrder.
    *- Data dictionary
    DATA lr_core         TYPE REF TO cl_crm_bol_core.
    DATA lr_fac          TYPE REF TO cl_crm_bol_entity_factory.
    DATA lt_params       TYPE crmt_name_value_pair_tab.
    DATA lr_ent          TYPE REF TO cl_crm_bol_entity.
    FIELD-SYMBOLS <line> TYPE crmt_name_value_pair.
    *- Get the core instance and factory
    lr_core = cl_crm_bol_core=>get_instance( ).
    lr_fac = lr_core->get_entity_factory( 'BTOrder' ).
    *- get supported parameters for this object
    lt_params = lr_fac->get_parameter_table( ).
    *- Set the process Type
    READ TABLE lt_params ASSIGNING <line> WITH KEY name = 'PROCESS_TYPE'.
    <line>-value = '0010'.
    *- Create the BOL entity, based on parameters
    lr_ent = lr_fac->create( lt_params ).
    lr_ent = lr_ent->get_related_entity( 'BTOrderHeader' ).
    *- Lock order
    CHECK lr_ent->lock( ) = abap_true.
    It is an alternative way. Check if it helps you creating your Z-Object in the BOL root
    Kind regards,
    Garcia
    Edited by: Bruno Garcia on May 12, 2011 12:15 PM

  • CSS Best Practice

    On the following page, I'm wanting to move the image with the
    phone number
    up to the top right. What is the best way to do that? Should
    I style the
    image with a class or try to put the image in a separate div
    and move it up?
    I know there are multiple ways to do things, but what is
    recommended in this
    situation?
    http://www.presentationsdirect.com/2007/test.asp
    Brandon
    ==================
    Presentations Direct - Binding Machines, Laminators and Paper
    Shredders
    http://www.presentationsdirect.com
    ==================

    Is there a way to move the phone number up to the right
    without making the
    logo a background image?
    Brandon
    ==================
    Presentations Direct - Binding Machines, Laminators and Paper
    Shredders
    http://www.presentationsdirect.com
    ==================
    "Kim" <[email protected]> wrote in message
    news:eqg6ag$e7h$[email protected]..
    >I think I would simplify the whole thing a bit...
    >
    > <div id="header"><a href="#"><img
    src="your_img.gif /><a/></div>
    >
    > and the css would look something like this
    >
    > #header {background:url(your_img.gif.gif) no-repeat
    right
    > top;text-align:left}
    >
    > and then add the link to your logo
    >
    > (You'll probably need this rule then... #header img
    {border:none})
    >
    >
    > Brandon skrev:
    >> On the following page, I'm wanting to move the image
    with the phone
    >> number up to the top right. What is the best way to
    do that? Should I
    >> style the image with a class or try to put the image
    in a separate div
    >> and move it up? I know there are multiple ways to do
    things, but what is
    >> recommended in this situation?
    >>
    >>
    http://www.presentationsdirect.com/2007/test.asp
    >>
    >
    > --
    > Kim
    > ---------------------------
    >
    http://www.geekministry.com

  • SAP Certificate vs Customer Certificate - Best Practice

    Hi All
    We are using an external archive server for archiving data and documents. The communication between SAP and the server is made secure using certificates.
    As per my limited understanding, SAP uses its own certificate for this communication, that is generated in the transaction STRUST. I think it is also possible to use a customer certificate for this communication by importing it in the same transaction.
    We need to determine whether to use the standard SAP certificate or use a custom one in our project. Under which scenarios is it recommended to use a custom certificate? Are there any disadvantages of using the standard SAP certificate?
    Any help is appreciated. Thanks in advance.
    Joy

    Hi,
    If you archive server is inside your corporate network, I don't see why it would be needed to use a custom certificate.
    I don't even know if it is possible because this is the System PSE.
    The SAP system send its STRUST PSE to the archive server at initialization.
    Then each URL generated by the SAP system is signed with the certicate in order for the archive server to know from where the command came.
    I would advice you to keep using the standard System PSE.
    Regards,
    Olivier

  • CTM - Global customizing settings - Best practices

    Colleagues
    We are in the process of optimizing the performance of our CTM engine. We are using SAP recommended standard settings for live cache accesses. Currently we are operating in asynchronous mode with packet size of 1000.
    Here are other settings we have
    Packet size for creating orders = 500
    Packet size for creating pegging relationships = 5000
    Packet sie for order selection = 500
    Please advice if you have experimented with any other settings for improved performance of CTM engine.
    Also, if you can provide any other suggestions that can help in improving performance of CTM, it would be appreciated.
    REgards,
    Pavan

    Hi pavan,
    The setting for creating orders and creating pegging relationships
    is found Ok as per Standard.
    But in our engagement, we used 50 for order selection which gave
    good results.  The value indicates for how many location products a
    liveCache request can be started at one time. The default value is
    50 location products as per SAP recommendation.
    Regards
    R. Senthil Mareeswaran.

  • Best Practices in SharePoint 2010 ( Out of the box feature vs Custom Web Part, development )

    Hi
    How do we differentiate on when to allow custom web parts and when to use out of the box.
    What are the performance issues involved when we deploy a custom web part into the SharePoint server. 
    Why do some companies prefer to allow only out of the box features, and no custom work is done?

    SharePoint is a powerful, flexible server product that can provide a wealth collaboration environment right out of box.
    Best answer for your question is depend upon your requirement. Sometime Out of Box features will solve all the problem with little designing. But sometime your requirement need a Custom Web part / solution.
    With OOTB implementation the big advantage is easy to trouble shoot & fix the issues. You will also found tons of blogs on internet for OOTB features. In custom development, its hard to troubleshoot & identifying whether its SharePoint issue or Custom
    code issue.
    check the below article for more ideas.
    http://social.technet.microsoft.com/Forums/sharepoint/en-US/1e7845ef-61e0-4d01-bb6c-92519e6d7139/sharepoint-2010-outofbox-best-practices?forum=sharepointgeneralprevious
    http://www.cdh.com/media/articles/Pages/SharePoint-out-of-the-box---To-customize-or-not-to-customize.aspx
    Master List of SharePoint 2010 On-Premises Custom Development Best Practices
    http://i.zdnet.com/whitepapers/Quest_WPW_SharepointDev_Custom_US_KS_v3.pdf
    Please remember to mark your question as answered &Vote helpful,if this solves/helps your problem. ****************************************************************************************** Thanks -WS MCITP(SharePoint 2010, 2013) Blog: http://wscheema.com/blog

  • Best Practice for serving static files (gif, css, js) from front web server

    I am working on optimization of portal performance by moving static files (gif, css, js) to my front web server (apache) for WLP 10 portal application. I end up with moving whole "framework" folder of the portal WebContent to file system served by apache web server (the one which hosts WLS plugin pointing to my WLP cluster). I use <LocationMatch> directives for that:
    Alias /portalapp/framework "/somewhere/servedbyapache/docs/framework"
    <Directory "/somewhere/servedbyapache/docs/framework">
    <FilesMatch "\.(jsp|jspx|layout|shell|theme|xml)$">
    Order allow,deny
    Deny from all
    </FilesMatch>
    </Directory>
    <LocationMatch "/partalapp(?!/framework)">
         SetHandler weblogic-handler
         WLCookieName MYPORTAL
    </LocationMatch>
    So, now browser gets all static files from apache insted of the app server. However, there are several files from bighorn L&F, which are located in the WLP shared lib: skins/bighorn/ window.css, wsrp.css, menu.css, general.css, colors.css; skins/bighorn/borderless/window.css; skeletons/bighorn/js/ util.js, buttons.js; skeleton/bighorn/css/layout.css
    I have to merge these files into the project and physically move them into apache served file system to make mentioned above apache configuration works.
    However, this approach makes me exposed bunch of framework resources, which I do not to intend to change and they should not be change (only custom.css is the place to make custom changes to the bighorn skin). Which is obviously not very elegant solution. The other approach would be intend to create more elaborate expression for LocationMatch (I am not sure it's entirely possible giving location of these shared resources). More radical move - stop using bighorn and create totally custom L&F (skin, skeleton) - which is quire a lot of work (plus - bighorn is working just fine for us).
    I am wondering what is the "Best Practice Approach" approach recommended by Oracle/BEA - giving the fact that I want to serve all static files from my front end apache server instead fo WLS app server.
    Thanks,
    Oleg.

    Oleg,
    you might want to have a look at the official WLP performance support pattern (Metalink DocID 761001.1 ) , which contains a section about "Configuring a Fronting Web Server Serving WebLogic Portal 8.1 Static Artifacts ".
    It was written for WLP 8.1, but most of the settings / recommendations should also to WLP 10.
    --Stefan                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

  • Best Practice : Creating Custom Renderer for Standard Component

    I've been reading the docs and a few threads about Custom Renderers. The best practice seems to be to create a Custom Component where you need a Custom Renderer. Is this the case?
    See [this post|http://forums.sun.com/thread.jspa?forumID=427&threadID=520422]
    I've created several Custom Renderers to override the HTML provided by the Standard Components, however I can't see the benefit in also creating a Custom Component when the behaviour of the standard component is just fine.
    Thanks,
    Damian.

    It all depends on what you are trying to accomplish. Generally speaking if all you need is for the user interface output to be changed then a renderer will work just fine. A new component is usually made in order to provide some fundamental change in server side functionality not related to the user interface. - Ponderator

  • Best practice for customizing EJB property after deployment

    Hi Gurus,
      What is the best practice for customizing EJB property after deployment in NW7.1? I have a stateless session bean and it needs to get some environment information before acting. While the information can only be known at runtime. What should I do to achieve it? I thought I can bind the property with a JNDI context but I did not find out where to declare and change the context value. Please advise. Thanks.
    B.R.

    Hi.
    I have a similar problem. But I still can not edit the properties of the ejb-jar.xml.
    I tried to stop the web service, but the properties still remain unmodifiable.
    Could you advise me how to change them?
    We have installed SAP Server 7.0.2

  • Oracle Custom Workflow Redesign best practices

    Hi All,
    Morning , need some help with this scenario.
    We are in the process of redesigning existing developed custom Oracle Workflows in our system ( Oracle Apps Release 12.0.6 )
    hence wanted to know if there are steps or guidelines/best practices which could be followed in this situation on points like handling performance issues with the workflow , how to handle the purging of the obsolete workflow data , design steps regards notifications, how to handle error conditions with workflow activities and how to retry activities ( means if any activity within the workflow process shows error how it could be retried or re executed in real time without any delay).
    means any pointers which could be considered for this redesign actvity , any best practices document/steps and guidelines would be really very very helpful here...
    Regards

    This is a very broad question - narrowing it to specifics might help folks respond better.
    There are a lot of documents on MOS that refer to best practices from a technology stack perspective.
    Oracle Workflow Best Practices Release 12 and Release 11i          (Doc ID 453137.1)
    As far as functional practices are concerned, these may vary from module to module, as functionality and workflow implementation vary from module to module.
    FAQ: Best Practices For Custom Order Entry Workflow Design          (Doc ID 402144.1)
    HTH
    Srini

  • Best practice for application help for a custom screen?

    Hi,
    The system is Netweaver 7.0 SP 15 with e-recruiting .
    We have some custom SAP GUI transactions and have written Word documents with screen prints and explanations. I would like to make the procedure document accessible from the custom transaction or at least provide custom help text that includes a link to the full documents.
    Can anyone help me out with options and best practices for providing customized application help for custom SAP GUI transactions?
    Thanks,
    Margaret

    Hello Margaret,
    sorry I though you might be still in a design or proof of concept phase where the decision for the technology is still adjustable.
    If the implementation is already done things change of course. The standard in-system documentation is surely not fitting your needs as including screenshots won't work well.
    I would solve the task the following way:
    I'd make a web or pdf document out of the word document and put it on a web ressource - as you run e-recruiting you have probably the possibility for that.
    I would then just put a button into the transaction an open a web container to show the document.
    I am not sure if this solution really qualifies as "best practise" but SAP does the same if you call the Help for application in the help menue. This is implemented in function module SAPGUIHC_OPEN_HELP_CENTER. I'd just copy it, throw out what I do not need and hard code the url to call.
    Perhaps someone could offer a better solution but I think this works a t least without exxagerated costs.
    Kind Regards
    Roman

  • Best practices for adding components in a composite custom component

    Hello,
    I am developing a custom, composite JSF component need to dynamically add child components in my renderer class. I've noticed that people add components to a custom component in many different ways. I'd like to follow JSF best practices when developing this component - of the following approaches, which would you recommend? Or is there yet another approach I should be using?
    1) in the encodeBegin method of my renderer class, create a new component, add it to the component tree, and let the page life cycle take care of the rendering:
    HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
    //set properties on dimensionStateGroupDataList
    component.getChildren().add(dimensionStateGroupDataList);
    2) in either the encodeBegin or encodeEnd method, create a component and encode it:
    HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
    //set properties on dimensionStateGroupDataList
    dimensionStateGroupDataList.encodeBegin();
    dimensionStateGroupDataList.encodeEnd();
    Both of these methods are functional, and I prefer the first (why encode children if you don't have to?), but I am interested in other people's take on how this should be done.
    Thanks for your help.
    -Christopher

    My bad, sorry, wasnt concentrating, Im afraid I have no experience with portlets, but I would have thought that you can mimic the outputLinkEx in you renderer by encoding your own links?
    If you were to bind a backing bean variable to an outputLinkEx what would it be? Not understanding portlets, or knowing what an outputLinkEx is may be hindering me, but you should be able to create an instance of it in code like (this example uses HtmlOutputLink, you would need to know which component to use):
    HtmlOutputLink hol = new HtmlOutputLink();
    hol.set....Then set any attributes on it, and explicitly call its encodeStart, encodeEnd functions. Is that way off the mark.

  • Best practices for customizing the standard OBIA metedata repository (RPD)

    Hello
    Is there a Best practices document published by oracle or a partner that talks about best practices for customizing OBIA out-of-box RPD. I am specifically looking for guidance around:
    1. adding new objects to physical layer or modifying an exisitng table definition to add more columns
    2. Building new Logical columns in BMM layer
    3. Modifying the exisitng Subject areas.
    Thanks

    There is a very good presentation by Rittman mead on extending and customizing BI Applications. Refer to this link (http://www.rittmanmead.com/files/OOW2008%20-%20Extending%20and%20Customizing%20the%20BI%20Apps%20Data%20Warehouse.pdf ).
    Thanks,
    -Amith.

Maybe you are looking for