How to use own style sheet in user interface templates to change buttons, fields look

I want to use my own style sheet to change the appearance of buttons, form fields etc. while applying my own user interface template. I know I can create an unstructured UI template to change logos, body color etc. but how do I apply css to buttons, fields generated by the portal components form wizard ?
If this is not possible, how do I create my own form and get the same functionalities of a wizard generated form ?
Thanks.

Mrinal,
I have solved that problem fortunately.
What I did was to create my own unstructured user interface template. In the unstructured UI template, you can use style.
for example, in between the <head> tags, write <style> tages and create own classes for buttons, textboxes etc.
Then write a javascript to assign those classes to the buttons. Call the javascript function on OnLoad event in <BODY> tag.
That will do the job.
for example you have a style class called buttonclass for buttons.
<script langauge=javascript1.1>
function setstyle(form) {
for (var i=0; i<form.length; i++) {
if (form.elements.type == 'button') {
form.elements[i].className = "buttonclass";
</script>
<BODY onLoad = "setstyle(document.forms[0]);">
hope this helps.
Mainak

Similar Messages

  • How to use own style sheet

    Hi my friends,
    I created a JSP file that contains a report built using Reports Builder. When I run this page using a browser, my report is displayed correctly, including the style imported from Report Builder. But when I try run this page as a portlet, my report is being displayed, but style sheet is not being displayed. Why this is happening?
    Someone could help me?
    Thanks.

    Hi my friends,
    This page should use style css/wine.css, for example, but it is not doing this when I put it as a portlet. How should to stay my provider.xml file? When I must put the css directory?
    Thanks,
    Carla.

  • Use of Style sheet

    Hello Everybody
    1. Can anyone please let me know what advantage i am going to get by using in OBIP reports and how to use it.
    2. How to use the style sheet in my report.
    3. I tried to access the default style sheet of Oracle available in the tool. But the file having an extension of xssz. Can you please let me know how to open this file.
    Thanks
    Srikant

    Rick, thanks for the tip. I'll check out @import and see how
    that works.
    To give you both a little background, since I often see your
    names on this forum, I'm building a brand new help project for a
    brand new product. I'm trying to make smart, scalable
    infrastructure decisions for the product and help project's future.
    Currently, I'm the only author, but in the future there will
    certainly be others.
    I'm using RoboHelp 7 now, and considering the upgrade to
    RoboHelp 8. I also need to make decisions about source control and
    deployment, but those will be mostly made by our development and IT
    departments. Our product is written in Ruby, which RoboHelp does
    not provide API support for, and our development team would like to
    get away from IIS to serve up the pages of our web portal, which
    RoboHelp Server utilizes. So I'll probably have some more questions
    for you guys in the near future :-D
    Any recommendations about upgrading to RoboHelp 8? Any
    suggestions for providing context sensitive help via Ruby on
    Rails?

  • Cannot view XML input using XSL style sheet. Please correct the error and..

    Hi All,
    Scenario XML to IDOC.
    The interface determination decides whether to create IDOC X or IDOC Y based on a xml segment value.
    I have an error in the SXMB_MONI:
    <!--  Interface Determination
      -->
    - <SAP:Error xmlns:SAP="http://sap.com/xi/XI/Message/30" xmlns:SOAP="http://schemas.xmlsoap.org/soap/envelope/" SOAP:mustUnderstand="">
      <SAP:Category>XIServer</SAP:Category>
      <SAP:Code area="IF_DETERMINATION">CX_ID_PLSRV</SAP:Code>
      <SAP:P1>Problem evaluating a condition: Exception CX_SWF_RLS_RULE occurred (program: CL_SWF_RLS_CONDITION==========CP, include: CL_SWF_RLS_CONDITION==========CM00Q, line: 160).</SAP:P1>
      <SAP:P2 />
      <SAP:P3 />
      <SAP:P4 />
      <SAP:AdditionalText />
      <SAP:ApplicationFaultMessage namespace="" />
      <SAP:Stack>Error when determining the inbound interface: Problem evaluating a condition: Exception CX_SWF_RLS_RULE occurred (program: CL_SWF_RLS_CONDITION==========CP, include: CL_SWF_RLS_CONDITION==========CM00Q, line: 160). Problem evaluating a condition: Exception CX_SWF_RLS_RULE occurred (program: CL_SWF_RLS_CONDITION==========CP, include: CL_SWF_RLS_CONDITION==========CM00Q, line: 160). Exception CX_SWF_RLS_RULE occurred (program: CL_SWF_RLS_CONDITION==========CP, include: CL_SWF_RLS_CONDITION==========CM00Q, line: 160). Exception CX_SWF_RLS_OPERAND_MISSING occurred (program: CL_SWF_RLS_COMPARISON=========CP, include: CL_SWF_RLS_COMPARISON=========CM002, line: 63). Exception CX_SWF_RLS_OPERAND_MISSING occurred (program: SAPMSSY1, include: , line: 0). Exception CX_SWF_EXP_EVALUATE occurred (program: CL_SWF_EXP_EXPRESSION=========CP, include: CL_SWF_EXP_EXPRESSION=========CM027, line: 38). Exception CX_SWF_EXP_EXPRESSION occurred (program: CL_SWF_EXP_EXPRESSION=========CP, include: CL_SWF_EXP_EXPRESSION=========CM01Z, line: 520). Exception CX_SWF_EXP_EXPRESSION occurred (program: CL_SAI_SWF_RULE_ENGINE========CP, include: CL_SAI_SWF_RULE_ENGINE========CM00S, line: 42). Problem extracting values from the Payload: Check line 2 column 1 of the XML document</SAP:Stack>
      <SAP:Retry>M</SAP:Retry>
      </SAP:Error>
    From the SXMB_MONI, the inbound message payload is truncated with an error:
    - <ProductIdentification>
      <GlobalProductIdentifier />
    - <PartnerProductIdentification>
    The XML page cannot be displayed
    Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later.
    The following tags were not closed: Pip3B12ShippingOrderConfirmation, ShippingOrder, ShipmentLineItem, isContainsHazardousMa...
    ">   <GlobalPartnerClassificationCode />
      <ProprietaryProductIdentifier>000000000000101369</ProprietaryProductIdentifier>
      </PartnerProductIdentification>
      </ProductIdentification>
    - <QuantityInformation>
    - <confirmedQuantity>
      <ProductQuantity>1.00</ProductQuantity>
      </confirmedQuantity>
    I've checked that the xml format is OK.
    As a matter of fact, if I try to resend the xml file from directory, the message is processed correctly and the payload shows all the xml file.
    Thanks.
    Daniele
    Edited by: Daniele*Verdone on Feb 1, 2010 11:22 AM
    Edited by: Daniele*Verdone on Feb 1, 2010 11:23 AM

    Hi Suraj,
    That option is not available in FTP mode..
    This option is applicable only for the File adapter. If you enter a value in this field when configuring the sender FTP adapter, it will have no effect.
    Yes, you're right !!
    Are you sure that the message is not getting picked in half-way
    Now, at this time, I can't see the XML data in the CC monitoring because the tool shows only the recent polling execute in the last 10 minutes. If the error recurs, I will check the payload of CC.
    How can I solve the problem with reading incomplete file (FTP mode)?
    ...Meanwhile I will try with Full cache refresh.
    Thanks
    Daniele

  • How to include external style sheet

    Hi !!
    Can any one explain how to include external style sheet.

    Anil,
    Simply include the css file as I demonstrated in my last post and then reference one the css classes by name in the "styleClass" attribute of the component. So, if the css file that have included in my JSP file (as demonstrated in the prev post) contains a class like:
    .spicyPink {
    color:#FF1CAE;
    font-weight:bold;
    Then I would simply reference this class in the component as folows:
    <af:outputText value="Pretty In Pink" styleClass="spicyPink"/>
    However, you can also add styling to a component inline and accomplish the same task:
    <af:outputText value="Pretty In Pink" inlineStyle="color:#FF1CAE;
    font-weight:bold;"/>
    The thing to remember is that other than the use of styleClass and inlineStyle, referencing and including css in your JSP/JSPX pages is really no different that used in an HTML page.
    Here is reference to help you along:
    http://www.w3.org/TR/REC-CSS1#containment-in-html
    --RiC                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • How to use inline style for hover, visited

    I am trying to use inline styles for a hover effect or a
    visited. I know how to do it using a style sheet but not inline.
    Is it possible to do this?

    That's OK. The chances were 1 in 2 you'd be right. It's
    better than buying
    yourself a lottery ticket....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Walt F. Schaefer" <[email protected]> wrote in
    message
    news:gf2c8o$h0c$[email protected]..
    > Whoops!
    >
    > :-(
    >
    > --
    >
    > Walt
    >
    >
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:gf29m1$dr7$[email protected]..
    >> Nope, not possible using inline styles.
    >>
    >> --
    >> Murray --- ICQ 71997575
    >> Adobe Community Expert
    >> (If you *MUST* email me, don't LAUGH when you do
    so!)
    >> ==================
    >>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >> ==================
    >>
    >>
    >> "Walt F. Schaefer" <[email protected]>
    wrote in message
    >> news:gf26t4$aa5$[email protected]..
    >>>> Is it possible to do this?
    >>> Sure. Show us what you've tried (a link to an
    uploaded file is best) and
    >>> we'll see why it doesn't work.
    >>> --
    >>>
    >>> Walt
    >>>
    >>>
    >>> "craigmini" <[email protected]>
    wrote in message
    >>> news:gf25ul$98a$[email protected]..
    >>>>I am trying to use inline styles for a hover
    effect or a visited. I know
    >>>>how to do it using a style sheet but not
    inline.
    >>>> Is it possible to do this?
    >>>
    >>>
    >>
    >
    >

  • Does each new page that I attach to my home page have to have its own style sheet?

    Does each new page that I attach to my home page have to have its own style sheet or should it all just go on the home page one?

    Different answers depending on your project & workflow.
    I like to keep all my sitewide styles in an external css file.
    Page specific <styles> can be embedded into the document's <head> tags.
    And for line specific styles (mostly used for HTML emails), inline styles can be added to the markup.
         <p style="color:red">example of a paragraph with inline style</p>
    Now, let's say you're building different layouts for different devices.  In that case, you really must keep all related styles in their respective external CSS files.
    print.css
    mobile.css
    tablet.css
    desktop.css
    There's no one size fits all here.  Use whichever method works best for you & your project.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • XML page cannot be displayed cannot view XML input using XSL style sheet Please correct the error and then click the REfresh

    XML page cannot be displayed cannot view XML input using XSL style sheet Please correct the error and then click the REfresh

    Is the error message displayed in Firefox or in IE, or in a customized window that doesn't identify the browser?
    ''If it displays in Firefox:''
    It's possible that the Troubleshooter doesn't work correctly unless IE is your default browser. You could test that possibility by having IE make itself the default and testing the Troubleshooter again.
    ''If it displays in IE or embedded in another Microsoft application:''
    In a web search I found these suggestions:
    (1) Reset your Internet Explorer settings, according to http://answers.microsoft.com/en-us/ie/forum/ie8-windows_7/cannot-view-xml-using-xsl-style-sheet/ccfe80c6-c0db-4594-a7e3-475f9eac0e85
    (2) Try the System File Checker, according to http://ask-leo.com/why_do_i_get_the_xml_page_cannot_be_displayed_after_running_a_microsoft_troubleshooter.html
    Any luck?

  • Using a style sheet with hbj:link

    Hi guys,
    I'm looking for a way to use a style sheet that I've created in my jsp with an hbj:link tag. Here's my style sheet:
    <STYLE type="text/css">
    a.button
    a.button:active, a.button:focus, a.button:hover
    </STYLE>
    Here's my link:
    <hbj:link
         id="<%=linkId%>"
         text="Sign Me Up"
         tooltip="<%=toolTip%>"
         onClick="signupLinkClick"
         linkDesign="REPORTING"
         >
    </hbj:link>
    I've tried wrapping an <a href="#" class="button"> tag around the hbj:link tag, but that didn't work. Any ideas?
    Thanks!
    -Stephen Spalding
    Web Developer
    Graybar

    Hi,
    there is a possibility to change the default style, but is not really clean. The browser when rendering a tag uses the last defined style for this tag. So you can redefine it. I used it in a DynPage, it worked ok.
    First run the iview with standard style (normally). Look into the sourc of the page and find your "Sign Me Up" link. Check the class of the <a> tag. For instance it is a "urLnk".
    Now just modify your style definition:
    <STYLE type="text/css">
    urLnk.button {
    padding: 2px 10px 3px 10px;
    border: 2px outset #cccccc;
    background: #C0C0C0;
    color: #000;
    font-size: 11px;
    text-decoration: none;
    height: 19px;
    vertical-align: bottom;
    urLnk.button:active, a.button:focus, a.button:hover {
    border: 2px inset #c0c0c0;
    vertical-align: middle;
    background: #cccccc;
    color: #000000;
    text-decoration: none;
    </STYLE>
    and so on...
    Hope this helps,
    Romano

  • HOW TO USE OWN LOGO IN 'REUSE_ALV_COMMENTARY_WRITE'

    HELLO THERE ,
    CAN ANYBODY TELL ME HOW TO USE OWN LOGO IN 'REUSE_ALV_COMMENTARY_WRITE' ?
    I HAVE TRIED THROUGH THE TRANSCATION 'OAOR' AND 'OAER' , BUT I'M UNABLE TO DO IT. SO CAN ANYBODY PLZ TELL ME ANY OTHER WAY?
    REGARDS.

    Hello NEON BLUE,
    First step first upload u r log in the sap system using the below steps.
    1.  Goto the transaction OAER
    2.  Enter the class name as 'PICTURES'
    3.  Enter the class type as 'OT'
    4.  Enter the object key as the name of the logo you wish to give
    5.  Execute
    6.  Then in the new screen select Standard doc. types in bottom window
         Click on the Screen icon 
         Now, it will ask for the file path where you have to upload the logo
    7.  Now you can use this logo in REUSE_ALV_COMMENTARY_WRITE
    call the FM
        CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
          EXPORTING
            IT_LIST_COMMENTARY       = Y_I_LISTHEADER[]
      I_LOGO                   =
      I_END_OF_LIST_GRID       =
      I_ALV_FORM               =

  • How to Use PowerShell to Delete FIM Users That Have a Null attribute name

    FIM Community Information Center Article
    Wiki Page:
    How to Use PowerShell to Delete FIM Users That Have a Null <attribute name>
    Go to the FIM Community Information Center
    Mike Crowley | MVP
    My Blog --
    Planet Technologies

    Have you run side-by-side metrics on this?
    I've run the Delete Object method and your script against similar data sets and yours appears to take a fair bit longer. I'd have to re-run in identical circumstances, a few times, to really say for sure, but my initial impression is that it will take hours
    longer.
    I guess the point is somewhat moot anyway, as for me the bit that generally takes longest is the actual query, rather than the deletions.
    Boy how I wish I could just enter something into the FIM Portal directly that would blast out a bunch of users matching a query. One day...
    FIMSpecialist.com | MCTS: FIM 2010 | Now Offering
    ECMA1->ECMA2 Upgrade Services

  • How to Use Discoverer Desktop without Database User ?

    Hi,
    I am new to Discoverer Desktop,
    How to Use Discoverer Desktop without Database User ?
    Suresh

    You'll need to have access to some sort of database account to use the tool. If you just loaded the tool onto a machine, Disco is not going to be useful - you need to create an end user layer, and business areas.
    I suggest you start here:
    www.oracle.com/technology/documentation/bi.html

  • Portlets using user interface templates

    I was wondering if it is possible for customized HTML portlets and even Struts portlets to use user interface templates? We are wanting to create a template so that all of our portlets will have a consistent look and feel, even application portlets.
    Thanks, Julie

    I might have worded our question wrong. We are wanting the portlets we create to use portal's style for headings, tables, etc. How can you allow html portlets or struts portlet, any of our own deployed portlets to pick up the portal style sheet.
    Thanks,
    Julie

  • Shared Component User Interface Templates not available for page use.

    Hello.
    I created a new User Interface Template using the wizard under shared components. All it's supposed to do is display a header image on the page. I can click on the title under User Interface Templates and it will display fine. If I try to use that template, it will not display as an option under Display Option use custom template LOV under the Main tab of page modifications. Shouldn't it be available here for selection? I couldn't find any access grant options under Shared Components that might have explained this problem.
    Thanks.
    Kurt

    Does anyone else have this problem? How did you fix it?

  • How to call the portlets in the unstructure User Interface template

    Hi,
    I am creating unstructure user interface template in which i want to add the portlet so how can i do that.The portlet which i want to add is page portlet, dhtml menu portlet and webclipping. pls tell me how can i do that

    i got the clue from the link How do I call database sequence in ODI thanks suthrith.

Maybe you are looking for

  • Retrieving original file name

    Recently changed file names and now need to revert back to the original file name created via camera.  Can this be done in LR 4 or is this info deleted? Thanks!

  • XL Reporter 2007

    Hi all,   I just installed SAP B1 2007 on my computer which comes with XL Reporter. When I check Excel reporter after installing 2007 I found that in the report composer and report organizer, instead of the real folder names like Sales, Sales Oppurtu

  • Timer

    Hi... Please, somebody can help me to construct a timer to count the time that a process takes to finalize? My intention is get the current time, start my process and at the end of the process, get the time again. Then I need to calculate the differe

  • Need info for Implementing Service Analytics

    Hi , My clicnet is planing to implementing service analytics, i would like to know the procedure is that where to start what to needs to be install. We are going to use sibel applications and what are the things to taken care while installing a BI Ap

  • DC download

    Hi, Can anybody please tell me the procedure for downloading DC in NWDS. Thanks a ton