Use of css in bsp

hi all,
how could i use css in bsp .

hi vamsi,
by using html style sheets u can use css in bsp
example application:
<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
</style>
</head>
<body>
<h1></h1>
</body>
</html>
<htmlb:label text=<h1>"go"</h1> id="" >
</htmlb>
use this code iin ur bsp application .
and for further reference refer |www.w3schools.com]
Edited by: rahul nuthi on Mar 24, 2008 1:14 PM
Edited by: rahul nuthi on Mar 24, 2008 1:16 PM

Similar Messages

How to use a CSS file in a jspx page..

I'm using JDev 10.1.3.4.
I would like to know how can i use a CSS file in a JSPX page..
there is this file: public_html\WEB-INF\temp\adf\styles\cache\oracle-desktop-10_1_3_4_0-en-ie-6-windows-s.css
How do I make use of this is my jspx page?
Also how do i use the style class in property inspector?
What should be the path of "oracle-desktop-10_1_3_4_0-en-ie-6-windows-s.css"?
Also please tell me what changes I have to make in all the other files like web.xml or adf-faces-config.xml.
Im using web application template using (EJB,Toplink and JSF)
Please suggest the detailed steps as I'm new to JSF.
Thanks ,
Shri

under view put a new tag
<f:view>
<ui:script url="page.js"/>
and thats it

What are the classes used for bropdownListBox in BSP and purpose and how

what are the classes used for bropdownListBox in BSP and purpose and how
thank you,
Regards.
Jagrut BharatKumar Shukla

Benje001,
Right-click on the CWAI control on your form. Choose Properties. The first tab is the Channels tab. After you choose your device from the drop down box on the right, you can type in the Channels box which channel you want to use.
If you want to see a CWAI control that is already configured, all of the shipping examples will have this already done.
Also, if you have questions about any item on the CWAI (or any other NI ActiveX control) you can click the ? icon in the right corner of the properties page and then click on the item in the dialog that you need help with. This "What's this" help will describe that particular control on the dialog.
Hope that helps!
Regards,
Shannon R.
Applications Engineer
National Instruments

How To Use a css File To Watermark A Report

Hello.
I am using Apex 4.0.1 and have a need to place a watermark (that is, a background image) over a report, both a "classic" type and Interactive Report.
I have two questions about this.
1) I've searched this Forum and found several good questions/responses about this subject. What I think is the most maintainable solution is to create a .css file and reference this file within the Template section of a copy of, say, the "Reports Region" template used by my application theme. And so, I made a copy of the "Reports Region" template and called it "Watermark Reports Region". I then created a very simple .css file called "bgimg.css" defined as:
#REGION_STATIC_ID# {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
Note: For those that may not know, the "!important" clause is, in fact, a css defined clause used to tell the browser that it should give the associated option the highest precedence. This prevents my desired css option from being overridden by another css file. Frankly, I myself did not know this until after I saw it being used in several of the responses on this Forum and then read up about it.
I uploaded this css file via the Apex "Shared Components -> Cascading Style Sheets" option. I also made sure that menu_bug.png is, in fact, among my workspace images.
I also made sure that my "Watermark Reports Region" template contains the substitution variable "REGION_STATIC_ID" and that my actual report region has a value in the Region Static Id field.
Within my "Watermark Reports Region" template, I tried to reference my .css file. This is where I think my problem is.
I placed
<link rel="stylesheet" type="text/css" href="#WORKSPACE_IMAGES#bgimg.css" />
at the very top of the Template section in my "Watermark Reports Region" template.
I then assigned my template to my Apex report. When I run my report, I see nothing.
So, how does one reference this css file within the template?
=================================================
2) I tried using my css tags as an internal style by placing it within the "HTML Header" section of my application page. I used:
<style type="text/css">
#empreport {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
</style>
I assigned a div tag to my report region header and footer that looks like:
In Header: <div id="empreport">
In Footer: </div>
When I run the report, I do get the image. But it is surrounding the report. It looks like my report is "floating" in a sea of bug images.
So, how can I get these images to actually appear within the report itself. In other words, I want the report itself to be "transparent" so as to allow these images to be seen within the report body itself.
Thank you all for any help/advice/code example.
Elie

Elie
Thanks for taking the time to post sufficient information to understand the problem. In future if you're going to such efforts you might want to use them to reproduce the problem on apex.oracle.com, which means you can share actual working (or more likely not working!) code. Please also always wrap code posted on the forum in tags<tt>\...\</tt> tags to preserve formatting and special characters.
>
I placed
<link rel="stylesheet" type="text/css" href="#WORKSPACE_IMAGES#bgimg.css" />
at the very top of the Template section in my "Watermark Reports Region" template.
>
According to the relevant HTML 4.01 and XHTML 1.x standards, <tt>style</tt> and <tt>link rel="stylesheet"</tt> elements should only appear within the <tt>head</tt> element of a document.
This changes in HTML5. The new <tt>scoped</tt> attribute allows <tt>style</tt> to be used in a prescribed way elsewhere in the document, with the effect that the styling rules specified are only to be applied to the other descendant elements of that <tt>style</tt> element's parent (in the way you're trying to do here). I'd expect <tt>link</tt> with a <tt>rel="stylesheet"</tt> to remain restricted to <tt>head</tt> content in HTML5: off the top of my head I can't see a use case for referencing external stylesheets in a non-metadata context.
That said, current browsers apply CSS regardless of where in the document it appears, and future HTML5-compliant ones will continue to continue to do so for backwards compatibility. For myself, when using XHTML 1.0 I'll continue to follow the only put <tt>style</tt> and <tt>link</tt> elements in the page <tt>head</tt>. When I get round to using HTML5 for real I'll follow the standards for that as well.
I strongly recommend that you follow the standards and only put <tt>link rel="stylesheet"</tt> elements in the page <tt>head</tt>.
>
Note: For those that may not know, the "!important" clause is, in fact, a css defined clause used to tell the browser that it should give the associated option the highest precedence. This prevents my desired css option from being overridden by another css file. Frankly, I myself did not know this until after I saw it being used in several of the responses on this Forum and then read up about it.
>
Use <tt>!important</tt> only where it's actually needed. It's over-represented in this forum because Oracle changed the order of style sheet inclusion in APEX 4.0 and made it more difficult to override theme styles using CSS in the page HTML Header without modifying page templates.
Try your styles initially without using <tt>!important</tt>, and also consider using the cascade to provide any necessary overrides by including your CSS after other style sheets.
>
I then created a very simple .css file called "bgimg.css" defined as:
#REGION_STATIC_ID# {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
I then assigned my template to my Apex report. When I run my report, I see nothing.
>
Because <tt>#WORKSPACE_IMAGES#</tt> is not substituted in external CSS files: +{thread:id=986329}+
If possible it's much better to locate image, CSS and JavaScript files externally on the file system. Otherwise you'll have to use the workaround suggested in that thread and include a <tt>style</tt> element in the page templates to specify the background image.
When I run the report, I do get the image. But it is surrounding the report. It looks like my report is "floating" in a sea of bug images.Reports are descendants of their region containers and may be subject to additional built-in or theme styles that overrides that specified for the region. Your CSS selector has to specify the report element, not the entire region.
So, how can I get these images to actually appear within the report itself. In other words, I want the report itself to be "transparent" so as to allow these images to be seen within the report body itself.I'd use a <tt>class</tt> attribute in the region template: this removes the need to use the <tt>#REGION_STATIC_ID#</tt> selector, and allows the CSS to go in the page <tt>head</tt> where it belongs. Add <tt>watermark-report-region</tt> in addition to any existing <tt>class</tt> values in the region template:
<div class="borderless-region watermark-report-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="bl-body">#BODY#</div>
</div>You may have to inspect the page source (use a web inspector like that found in Safari, or the Firefox+Firebug combo) to figure out what has to be overridden in the theme/templates you're using. This worked for an Interactive Report using theme 17:
.watermark-report-region .apexir_WORKSHEET_DATA {
background: #fff url(/i/menu/blank_app_32.gif);
.watermark-report-region .apexir_WORKSHEET_DATA tr.even td,
.watermark-report-region .apexir_WORKSHEET_DATA tr.odd td {
background-color: transparent;
}For a standard report you'll need to identify the selector required for the actual report element (equivalent to the <tt>apexir_WORKSHEET_DATA</tt> table) using the web inspector or from the report template. It would be a good idea to create standard report template(s) incorporating a <tt>watermark-report</tt> class on the report table to provide a simple selector for such reports.

How to use iterator in standard BSP application BT115QIT_SLSQ

Hi experts,
I am new in BSP and my requirement is to put a checkbox icon beside the actions column (that has 2 existing icons already) of BT115QIT_SLSQ enhancement. I read a lot of article about iterators but I believe most of them are used in custom BSPs as we all know that standard BSP uses standard classes as well, which we cannot modify ourselves without access keys. Can someone help me how to use it in standard BSP? Or is there other much appropriate method?
Thanks and Regards,
Louie

Dear Pradeep,
Find the below link which explains a simple data download to excel from a table view.
www.sapt echnical.com/Tutorials/BSP/Excel/Index.htm
Try to avoid the way your using in the BSP application and it is abdicable to use the standard methods / class available like "cl_bsp_utility"
Hope this will be helpful.
Regards,
Gokul.N
Edited by: Gokul on Oct 8, 2009 9:57 AM

How to use external CSS for standard items ?

Hi,
I would like to use my external CSS style-sheet for the standard items I add to my portal page.
I build an UI template with a CSS-link to my css style-sheet, and I used this UI template for my portal page. But it seems that items cannot use this UI template CSS reference.
Is there a way to use external CSS on standard items (text, url,...) ?
Thanks for your help,
Best Regards,
JC.AUDARD

Easiest way I find to do it is to drop your css file in the portal/images folder. Make a hidden html portlet on your template and link to /images/mycss.css. You can then use it for many items such as text, links, html portlets, etc.

Using a CSS in a JEditorPane

I'm trying to display html pages inside of a JEditorPane using a CSS. I've got some lines of code but I'm not sure which are needed. Here's what I have.
htmlPane.setEditable(false);
     htmlPane.setContentType("text/html");
     HTMLEditorKit kit = new HTMLEditorKit();
     kit.setStyleSheet(getStyles());
HTMLDocument htmlDoc = (HTMLDocument)kit.createDefaultDocument();
     htmlPane.setEditorKit(kit);
     htmlPane.setDocument(htmlDoc);
getStyles() points to my .css file.
Now how do I display the page? Do I use htmlPane.setPage(), setText(), read(), or something else? If i'm supposed to use htmlDoc how do I add content to that?
I need to display an xml file formatted nicely without the tags. Any help or advice would be greatly appreciated.
Thanks

Hi Elad,
For JSPs to access this css file here is the sample code. Make sure that you keep your css file inside dist->css folder.
<Html>
<Head>
<%@ page import="com.sapportals.portal.prt.component.IPortalComponentResponse"%>
<%@ page import="com.sapportals.portal.prt.resource.IResource"%>
<%
IPortalComponentResponse componentResponse =
    (IPortalComponentResponse)pageContext.getAttribute(javax.servlet.jsp.PageContext.RESPONSE);
IResource suckerfishCss = componentRequest.getResource(IResource.CSS, "css/GlobalReportStyles.css");
componentResponse.include(componentRequest, suckerfishCss);
%>
</Head>
<body>
</body>
</html>
Now the class files must be availble to you.
Regards,
Vishal

Display icon using MIME Objects and BSP Tags on Pop up

HI all,
My requirement is to add the warning icon in my pop up along with the text..
I accomplished this using the warning message
DATA: lr_msg_service TYPE REF TO cl_bsp_wd_message_service, lr_msg_service ?= view_manager->get_message_service( ). lr_msg_service->add_message( iv_msg_type = 'W' iv_msg_id = '000' iv_msg_number = '007' ).
But i wish to know the other way to accomplish this using the Mime Objects..
Can any one pls lemme know how do i achieve this using the Mime Objects + BSP HTML Tag.
Kindly help !!

If it doesn't work with a custom theme then the theme makers didn't include that icon in its theme. You can contact the creators of those themes and inform them about that.
You can re-enable the sliding info bar at the top of the browser.
You can look at these prefs on the about:config page and reset them via the right-click context menu:<br />
Info bar at the top: privacy.popups.showBrowserMessage<br />
Status bar icon: browser.popups.showPopupBlocker<br />

Overlapping Buttons in Firefox - Using HTML/CSS - Works in IE6

I have html that is being ingnored. Here is the snippet:
<pre><nowiki><%}else{%>
<DIV> <div style="float:right> <DIV CLASS="smallbuttons">
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<input type="image" src="Images/Save.gif" style="cursor: hand" alt="Save data">
<img src="Images/Cancel.gif" style="cursor: hand" alt="Reset form values" onClick="javascript:reset()">
</TD>
<TD align="RIGHT">
<input type="button" name="E-Mail Notification" value="E-Mail" onClick="javascript:popemail();">
<input type="button" name="Help" value="Help" onClick="javascript:help();">
<img src="Images/Reviewnotes.gif" style="cursor: hand" alt="Create or read review notes for this component" border="0" onClick="javascript:reviewnotes();">
<img src="Images/Comments.gif" style="cursor: hand" alt="Create or read comments for this component" border="0" onClick="javascript:comments();">
<img src="Images/Reports.gif" style="cursor: hand" alt="Go to report page" border="0" onClick="javascript:goto('ReportSelection.jsp?selectedyear=<%=request.getParameter("year") %>&selectedcountry=<%=request.getParameter("country") %>&selectedle=<%=request.getParameter("le")%>&selectedbu=<%=request.getParameter("bu")%>')">
<img src="Images/Home.gif" style="cursor: hand" alt="Go to ITRP home" border="0" onClick="javascript:home();">
<img src="Images/Divisions.gif" style="cursor: hand" alt="Go to business unit home" border="0" onClick="javascript:buhome();">
</TD>
</TR>
</TABLE>
</DIV> </DIV> </DIV>
<%}%>
</nowiki></pre>
It's using the css Below:
<pre><nowiki>TD {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : 330033;
.number{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
.smallbuttons
position: absolute;
top: 92px;
float:right;
left: 10px;
.regular{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}</nowiki></pre>
But the buttons overlap the text. I'm trying to shift the buttons from email etc to the right. Any ideas would be appreciated. This issue causes the text that in IE a row lower to shift up and the buttons overlapp.

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25<br />

How I can change the theme using with css

How I can change the flex theme and images using with css ?

Bonjour ixixix2006
Perhaps you will find your bonheur here:
http://nonlinear.openspark.com/tips/scripts/localisation/index.htm
Cheers,
James

Installing but can't use the css

I bought the P'shop CS6 at the Apple store, as well as my imac but ,even though I've regeistered with Adobe and have Reader, I'm not told how to get the program onto my compter. I'd appreciate any help. John

jrock wrote:
Hi. i didn't mention 'css'.
It's the subject heading of this thread which confused us: "installing but can't use the css". I suspect "css" is a typo and you meant CS6.
CS6 can be downloaded from
http://helpx.adobe.com/x-productkb/policy-pricing/cs6-product-downloads.html
Enter your serial number to license the software on your iMac.

Can i use custom css ?

can i use custom css in links or anywhere ? thank you

Hi Krypton,
You will not be able to able to alter the html generated via Muse and such practices are not recommended as well. In case you are absolutely sure what you are doing then you need to use custom JS to modify the html that muse renders. Again, the custom JS will be inserted using the options that I mentioned above in my previous post.
- Abhishek Maurya

How I can load images from Creative Cloud storage in photoshop plugin, created in Extension Builder 3 with use html5/css/js?

How I can load images from Creative Cloud storage in photoshop plugin, created in Extension Builder 3 with use html5/css/js ?

At this point there is no API for accessing the cloud storage outside Adobe's own closed loop.
Mylenium

Is it possible to use multiple css files in epub?

For fixed layout I would like to use multiple css files.
Is it allowed by apple requirements?

Yes. ePub suports multiple CSS files and therefore so does Apple iBooks.

How to let Trinidad Tag use outside css classes instead of skin?

In my project, we asked vendor company to create the UI and css of the whole web application. We are using Trinidad in the project, trinidad use skin to customize the look and feel of the page. Since we have already had a set of css classes, we don't want to apply these css classes to the trinidad skin one by one. Is that a solution to achieve that?

Can we now use jdk 1.5 with Studio Creator? I tried setting the AS_JAVA in
C:\Sun\Creator\SunAppServer8\config\asenv.bat
set AS_JAVA=C:\Program Files\Java\jdk1.5.0_04
however in the help about still says its running 1.4
There must be someway to use 1.5 with the new version of Creator or no?
R
S

Use of css in bsp

Similar Messages

Maybe you are looking for