How to use style sheet

Hi,
I have created a ui5 page and i want to apply style to it.
so can anyone help me with the process on how to use the separate css file and style the different elements.
Thanks

Hi Anshul,
use the statement
jQuery.sap.includeStyleSheet(jQuery.sap.getModulePath("<project name>")+'/resources/css/zexthcmleavereqcre.css');
This would include your css in the project.
find attched a sample folder structure make folders under webcontent folder
in the above case the project name is 'local_json'.
Make sure you are using the right path to point to your css file.
Thanks and Regards, Venkatesh

Similar Messages

How to apply style sheet (.css) in Weblogic directory listing

Hi,
We are migrating a directory listing application from Apache to Weblogic.
Earlier we did this by Apache httpd.conf entry like below :
<Directory "/opt/apache/httpd-2.1.9/htdocs/Myreportfolder">
IndexOptions FancyIndexing FoldersFirst NameWidth=* XHTML
IndexOrderDefault Descending Date
IndexStyleSheet "/css/style.css"
</Directory>
/opt/apache/httpd-2.1.9/htdocs folder has all it's usual resource files.
We were able to see documents in "Myreportfolder".
Now we have moved to Weblogic and using virtual directory mapping as below and we are trying to achieve the same thing:
<?xml version="1.0" encoding="UTF-8" ?>
- <wls:weblogic-web-app xmlns:wls="http://www.bea.com/ns/weblogic/weblogic-web-app" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd">
- <wls:container-descriptor>
<wls:index-directory-enabled>true</wls:index-directory-enabled>
<wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by>
</wls:container-descriptor>
- <wls:virtual-directory-mapping>
<wls:local-path>/Myreportfolder</wls:local-path>
<wls:url-pattern>/*</wls:url-pattern>
</wls:virtual-directory-mapping>
<wls:context-root>/getreports</wls:context-root>
</wls:weblogic-web-app>
We are able to view the reports but we do not get look-and-feel of Apache like directory listing.
but we encounter below issues:
1) File/Folder icons are not visible - we want to use style sheets in http header from the response that is returned from weblogic server
2) Filename is limited to 29 characters when it is showing
3) Files are not sortable as Descending order - we sorted using tag <wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by> but the latest file is shown at the last
We are thinking that Weblogic must be having some configuration like Apache httpd.conf where we can apply style sheets (css ).
We would appreciate af anyone can provide better insight into the issue.
or is it possible to extend weblogic.servlet.fileservlet class to serve this purpose.
Thanks & regards,
Rabi

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

Is it good idea to use style sheet for the bgcolor of a table that is just

is it good idea to use style sheet for the bgcolor of a table that is just being used for formatting

Hi,
CSS is a way to do so. I don't think that there is any problem with using CSS on any kind of table
Frank

Using style sheets in a button click event

hi. doing a project and extending the WoodStocks application. so need to google and find how to add keyboard short cuts to the data grid, the combo box, how to manually add the read only and edit columns and to do error handling for the save button. once
i do this, then need to have two buttons. two different styles sheets, and using xml and xsl. so, do i just then do the xml and the xsl style sheet headers in a cutton click event. have gone through the learning from http://www.w3schools.com, and done the
xml and the xsl tutorials. and so. just asking for your feedback, tips and tricks. and now, looking to have two style sheets, one for a visual user and one for a blind user. what aspects should i have in each style sheet. looking for feedback, advice. thanks.
marvin.
http://startrekcafe.stevesdomain.net http://groups.yahoo.com/groups/JawsOz

hi. but i need to do this in c #, so it is relevant to c#
http://startrekcafe.stevesdomain.net http://groups.yahoo.com/groups/JawsOz

Using Style Sheet w/ XSQL

I have been getting into XSQL and hit a wall when trying to
display my XSLQ w/ a 2nd style sheet.
This is what I have been doing:
1)XSQL query.
File Name (d2.xsql)
2)I then re-format that query w/ a stylesheet and return XML.
FILE NAME (d3.xsql)
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="devcorner.xsl"?>
<xsql:include-xsql href="d2.xsql" xmlns:xsql="urn:oracle-xsql"/>
3) Now I want to display my XML document dynamically w/ a
stylesheet and output XML
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="devcorner.xsl"?>
<xsql:include-xsql href="d3.xsql" xmlns:xsql="urn:oracle-xsql"/>
However step 3 always returns an error of:
-->XML document must have a top level element.
Any ideas on how I can get around this?
Thanks!
-Stephen

Shaun, thanks for the response.
The 2nd XML does have a root element (devcorner) and if I save
this XML to my hard drive I can do a transformation on it, using
my stylesheet.
This is what the 2nd XML looks like
<?xml version="1.0" encoding="UTF-8" ?>
- <devcorner>
+ <category> (collapsed)
</devcorner>
The problem has to do w/ when I try to use the following XSQL to
transform the above XML
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="devcorner.xsl"?>
<xsql:include-xsql href="d2.xsql" xmlns:xsql="urn:oracle-xsql"/>
thanks.
-Stephen

How to use Style in LVC_S_LAYO (ALV Grid Layout)

Hi Experts,
I am trying to set field 'STYLEFNAME' of LVC_S_LAYO while setting up layout for ALV GRID using 'SET_TABLE_FOR_FIRST_DISPLAY' . I'm passing the field name contain the styles for each row. I am setting it in the same way we set 'INFO_FNAME' by passing color field name for coloring the rows. Styles are available in include <CL_ALV_CONTROL> .
Please note styles are working properly when I am setting it at field cat level by setting fieldcat field LVC_S_FCAT-STYLE. But set sets style for entire column. I want to set style for few rows. I want to use style 'ALV_STYLE_BUTTON' .
Please advice how to do this.
Regards,
Sushant.

I'll try to understand your question.
You have a 'new-style' alv and want to show some fields as pushbutton.
To make a cell to be displayed as a pushbutton, we have two steps.
Firstly, insert a new inner table of type u201CLVC_T_STYLu201D into your list data table.
*--- Internal table holding list data
DATA BEGIN OF gt_list OCCURS 0 .
INCLUDE STRUCTURE SFLIGHT .
DATA rowcolor(4) TYPE c .
DATA cellcolors TYPE lvc_t_scol .
DATA carrid_handle TYPE int4 .
DATA connid_handle TYPE int4 .
DATA cellstyles TYPE lvc_t_styl .
DATA END OF gt_list .
Fill this inner table for each field to be displayed as pushbutton.
DATA ls_style TYPE lvc_s_styl .
READ TABLE gt_list INDEX 7 .
ls_style-fieldname = 'SEATSMAX' .
ls_style-style = cl_gui_alv_grid=>mc_style_button .
APPEND ls_style TO gt_list-cellstyles .
MODIFY gt_list INDEX 7 .
As usual, we state our list data table field related with styles in the layout structure at field u2018STYLEFNAMEu2019.
e.g. ps_layout-stylefname = 'CELLSTYLES' .
Button click event is handled like hotspot click via the event u201Cbutton_clicku201D through its parameters u201Ces_col_idu201D and u201Ces_row_nou201D which contain the address of the clicked pushbutton cell.

How to apply style sheet to design page

hi all,
i have a discussion,
how to apply a style sheet to design page in webdynpro.
thanks
vikash

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

How to apply style sheets to table layout

hi i want to apply styles to my table layout region, i gave style sheets which are in OAF myhtml\OA_HTML\cabo\styles but i dint find any changes in my table layout, can any give one give me an idea of how to do it....

Check the OAF personalization guide for details on custom CSS. It won't be possible for me to summarize the whole thing here.
--Shiv

How to use property sheets in jsp? ( Property | Value )

i want guidance regarding using property sheets. like a table.

i want guidance regarding using property sheets. like a table.

How to apply Style Sheets to all ComboBoxItems.

Here in the following code i have referred to stylesheet for each data item. Help me how I can set a stylesheet for all comboboxitems only one time.
<ComboBox
Foreground="Black"
BorderBrush="Black"
HorizontalAlignment="Left" Margin="108,280,0,0" VerticalAlignment="Top" Width="200" Style="{StaticResource ComboBoxStyl}">
<ComboBoxItem Content="One" IsSelected="True" Style="{StaticResource ComboBoxItemStyle1}"/>
<ComboBoxItem Content="Two" Style="{StaticResource ComboBoxItemStyle1}"/>
<ComboBoxItem Content="Three" Style="{StaticResource ComboBoxItemStyle1}"/>
<ComboBoxItem Content="Four" Style="{StaticResource ComboBoxItemStyle1}"/>
<ComboBoxItem Content="Five" Style="{StaticResource ComboBoxItemStyle1}"/>
</ComboBox>

Hi MohanrajKrishnamoorthy,
I will recommend you create the ComboBox like the following:
<ComboBox
Foreground="Black"
BorderBrush="Black"
HorizontalAlignment="Left" Margin="108,280,0,0" VerticalAlignment="Top" Width="200">
<ComboBox.ItemTemplate>
<DataTemplate>
//Add style or control in here
</DataTemplate>
</ComboBox.ItemTemplate>

</ComboBox>
After that all the ComboBox item will use the same style as you define in the DataTemplate.
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to use Style Parameters ?

Hi,
in JDEV I have created a VO with a query (pasted from sqlplus) that does a select cross a couple of tables. I need to parameterise the query but cant see how to do it. It looks like you could use
' where table.atttribute = :1' as part of the query in the View Object designer. Selecting the check box ? Style Parameters means the sql tests as valid. But when you apply the changes you get a value not bound error.
How do you get the parameter from (for example) a form value, into the view ? Is there a way to do this and ignore the variable not bound error mentioned above ?
Seems like it should be intuitive, but I've obviously missed that bit of the developers guide :-)
Any pointers would be great.
Paul

There is no direct way to bind the Form Fields to the query.
You need to do the following:
Use the pageContext.getParameter("param_name") to get the value for the form field.
Use the am.invokeMethod to bind the variable as below in your view method:
setWhereClauseParams(null); // Always reset
setWhereClause(null);
setWhereClauseParam(0,qotHdrId);
executeQuery();
This should work. Hope this helps.

How to link style sheets to a jsp

Hi,
I have a html page which used a css file. I changed the html to jsp(by renaming the file , of course, there were no explicit jsp constrcuts)
But the effect of css file is gone although it is in the same directory as that of the jsp file on the web server, can somebody plz explain??
thanx
husane

Hi,
what you might want to try is to close the external css link by adding a backslash / at the end like the following:
<link rel="stylesheet" href="/d1/d2/b.css" />
Assad

Outputting xml using style sheet.

Hi all, hope you can help with this issue, if not back to the drawing board.
I'm generating some XML wich will be transformed into XSLFO using an XSL stylesheet. The problem is that my generated XML contains values that have < and > tags, hence the transformer throws an Exception:
Caused by: javax.xml.transform.TransformerException: The value of attribute "value" must not contain the '<' character.Here is an example of my XML "
<conditionsdto>
        <conditions>
            <item>
                <details value='This contains XML'>
             </item>
    </conditions>
</conditionsdto>This is the snippit of xsl that pulls out the value:
<fo:block xsl:use-attribute-sets="blk.001" space-after="2mm">
          <comment>
                <xsl:value-of select="details/@value"/>
         </comment>
</fo:block>Is there a way of telling the transformer to ignore the content within the xsl:value-of select, so that it is just treated as plain text.
Hope you can help.

The problem is that my generated XML contains values that have < and > tagsThen don't do that. If you don't escape those characters as < and > then you aren't actually generating XML. So instead of <details value='This contains a <head> element'>you should generate<details value='This contains a <head> element'>You can't use a CDATA section in an attribute.

How to use Contact Sheet II in Elements 13, I get an error message?

I can't open Contact Sheet II. I get an error message "The file or directory could not be found." I dod not get the chance to enter a file name.

This didn't work?
https://forums.adobe.com/thread/1693669?sr=stream&ru=2347962

Cascading style sheets with htp procedures and functions

I'm new to style sheets. I currently build dynamic web pages with database procedures using htp/htf. Can someone tell me how to use style sheets with this functionality.
Thanks

This is a good point to start learning about css:
http://www.htmlhelp.com/reference/css/

How to use style sheet

Similar Messages

Maybe you are looking for