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

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

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 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.

Applying style sheets to Jato

Is there an example of this somewhere or some documentation? I'm using Jato
1.2.
Also, in the emails that fly back and forth I have seen a date sample
mentioned.
Where is this? I have got the JatoSamples.war deployed and I don't see a date
example. I just wonder if I'm missing some other Jato examples.
Thanks.
Belinda

There is some confusion here. The JatoSample project that shipped with the
Developer CD does not include the Components samples (which includes the Date
example). The "live" sample that is viewable on the intenal web site
http://ias.red.iplanet.com/jato/ does include the Component samples.
We intentionally disabled the Component samples in the Developer CD version
because at the time that it shipped we had an unresolved issue with running the
Component samples on certain servlet containers. That issue has been favorably
resolved.
The downloadable version of Jato 1.2 should contain a version of the JatoSample
which does have the Component sample enabled.
----- Original Message -----
From: Matthew Stevens
Sent: Thursday, November 29, 2001 8:39 AM
Subject: RE: [iPlanet-JATO] applying style sheets to Jato
Belinda,
Sorry for the delay. JATO is now available on http://developer.iplanet.com
and the JATO Sample WAR file is available separately for download - so make
sure you have this latest example. The sample is available LIVE on internal
sites which I will send you offline. We are working to have this and other
samples running live on the public web site shortly.
For the Date component example please check out the Components section in
the Index of the running application and the following in the WAR file
WEB-INF/classes/jatosample/module1/E0130Viewbean.java
WEB-INF/jatoSample.tld
WEB-INF/classes/jatosample/components
Could you please elaborate on your requirements for style sheets. Other
than using style sheets normally as you would with JSPs, what are you trying
to do? We would like to be focused in our answers.
matt
-----Original Message-----
From: Belinda Garcia [mailto:<a href="/group/SunONE-JATO/post?protectID=014056235009078154169082148140172241239144044214017123152006048067">belinda.garcia@s...</a>]
Sent: Tuesday, November 27, 2001 5:08 PM
Subject: [iPlanet-JATO] applying style sheets to Jato
Is there an example of this somewhere or some documentation? I'm using Jato
1.2.
Also, in the emails that fly back and forth I have seen a date sample
mentioned.
Where is this? I have got the JatoSamples.war deployed and I don't see a
date
example. I just wonder if I'm missing some other Jato examples.
Thanks.
Belinda
For more information about JATO, please visit:
http://developer.iplanet.com/tech/appserver/framework/index.jsp
For more information about JATO, please visit:
http://developer.iplanet.com/tech/appserver/framework/index.jsp
[Non-text portions of this message have been removed]

Why do I have two of the same CSS style sheets on my page?

I created my index page using a 3 column layout, and I brought in one of the sample css style sheets. Now I have 3 css style sheets for my page:
1) thrcolfxdhdr.css
2) samplegreenyellow.css (I changed the name of the sample)
3) level3_3.css
The last two have all the same .header .footer, etc.
When I make a change in #2 it doesn not change anything on the page.
When I make a change in #3, it does make a change.
Do I need both. Right now I am making every change twice! Can I delete one? If so, which one?
Thanks.

To see if you can do without one of the stylesheets, go to the head of your document (not the stylesheet) in Code View.
Find one of the link statements (<link href=...etc.) and 'comment it out'. If your page functions without it, you can safely remove the link from your page. If you lose some styles but not all, you will need to spend a little more time with it.
If your two stylesheets are actually identical, you can remove one with no harm done. Also remove the link and delete the stylesheet itself.
If there are slight differences (you can find them by viewing them both in Code View, Tile Vertically in the Window menu), add the differences to one of the stylesheets and then delete the other.
You might be able to compare the two stylesheets quickly in the CSS Styles Panel (but not with either link commented out) while your html page is open, but you won't see details side-by-side there.
To answer your question (in passing!), the reason you did not see changes in your page when you changed Stylesheet #2 is because Stylesheet #3...called after Stylesheet #2...cancelled out all the changes you had made in Stylesheet #2. Then when you made changes in #3, they were NOT cancelled out by #2 because #3 came AFTER #2 in being called. Precedence is what the Cascade is all about.
Beth
Message was edited by: Zabeth69

Discoverer item type - how to apply style

Hi.
On OracleAS 10.0.04, we have links to disco portal & viewer (added an item, chose Discoverer as item type, and typed "viewer" / "plus" in the DiscoItem section).
These to links does not seem to change according to style changes - always the same font (Time new roman), same size and same color.
How can we modify this?
Thanks,
Dovi.

This is by no means a good technique for this problem but it
could work.
If you can leave a space beween the list item and the anchor
this will give you a selectable region.
Then write a JS function which looks through the document on
page load and removes any spaces at the beginning of li nodes.
As I said it ain't pretty and you'd best try to alter your
style sheet to work around your problem, but the above would work
if you have no other options.

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

Render Portal Style Sheet in New Page

I created a PL/SQL Portlet that displays a list of users. When you click on a person, a new window pops up and displays information about that user.
That works find. However, I would like the window to have the same look and feel as the portal page. I need to bring the page style sheet (css) over to the next window. Do you know if a PL/SQL Portal API that can generate the style sheet in the header area of the new page that I opened?
Should I use a template to display my information in? If so, how do I pass the results to this template?
Thanks

OK, I think I got it.
I created a structure user interface template called My_Template. In the template I set up everything. I set up the look and feel, colors, images, etc.
Now, in my code, I use the following API.
PORTAL30.wwv_headings.show_header(
p_template => 'PUBLIC.MY_TEMPLATE',
p_heading => 'The Title',
p_help_link => '');
htp.p('</BODY></HTML>');
Which will translate into the following HTML
<HTML>
<TITLE>My Title</TITLE>
<BODY bgcolor="#B5B591">
<TABLE width="100%" height="40" cellpadding=0 cellspacing=0 border=0 bgcolor="#B5B591" >
<TR>
<TD width="1%" align="LEFT"><IMG SRC="/images/cantrac2.gif" ALT="Return to the CANTRAC MENU(Application Home)" border="0"></TD>
<TD width="97%" align="LEFT"><FONT STYLE="font-family:Helvetica;color:black;font-size:16pt;"><B><NOBR>My Title</NOBR></B></FONT></TD>

<TD width="24" height="24"><IMG SRC="/images/cantrac_menu.gif" valign=top ALT="Application Home" border=" 0"></TD>
</TR>
</TABLE>
</BODY></HTML>
I still don't get the STYLE sheet but it looks close enough.
When I create a unstructure UI template and use the #PAGE.STYLE# command, the style is null when I call a new browser window. Need to look into what portal API to use to get this information.

How to apply style to submit button

Hi All,
I am developing an application in struts where I have multiple buttons on a single form. Each button corresponds to different action to be executed, and to achieve this I have used DispatchAction.
Since I need to submit the data, I am looking for some ways through which I can put some style on submit button, such as putting an image over the submit button,giving it some border, some color and so on. I want to do this through CSS or if not possible through CSS then as inline style.
I am using struts-html.tld tag library to render all the HTML controls.
Any idea how to put images over submit buttons, or if putting an image is not possible then how to have style for it so that the look of submit button changes and the user feels as if it is a graphic button.
Any help is appriciated.
Thanks.

You do realise there is an <html:image> tag which
generates the html graphical submit button (ie <input
type="image">) ?
There are two tags in struts:
<html:img> - generates an image tag: <img src="...">
<html:image> - generates a graphical submit buttonYea, I do know this. But the problem is I don't have one submit button in my page. There are mroe than one buttons and each button calls a different method of the Action class. I could not get a way to pass the parameter name and parameter value using
<html:image> tag.
To be more clear, I need CRUD operations in one page and they all refer to one Action class. If I use html:image tag, I can't call seperate functions as it will then call the execute method. Also I don't want to have any javascript to call the relevant method from the Action class.
Is there any way out? I am not a pro in struts, just s beginner, so any help is more than appreciated.
Thanks.

Applying Style Sheets to all Project Topics

Currently I have topics that use different style sheets (there are 5 listed, although I only created one).
I want all topics to use the same style sheet.
Is there any way to apply a Style to all Project Topics?

Welcome to the forum.
Go to the topic list and select all topics, then right click and select Properties. You can assign the new CSS there. Any style names in your topics not included in the new CSS will of course be broken and need to be assigned to whatever style you choose.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

How to apply style to multiple links?

I'm a newbie here, so maybe this is a simplistic question. I am having trouble applying a color style to multiple links on a webpage at the same time. I have a page setup with a layout similar to the Drudge Report, which posts href links separated by horizontal rule lines. I want to apply a color style to these links, but I'm finding I have to select each link individually in design mode to apply the style. When I select multiple links in design mode, the color doesn't apply to the text. It's time consuming to select each link individually. I can do this easily in Microsoft Visual Web. How can I do it in Dreamweaver?

The best way is to put all related links into a division.
Let's say you want to have red links in your #header and white links in your #footer which has a black background.
CSS, set up two sets of link styles:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer {background: #000;}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
    {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

How To Create Style Guides for Web Pages

I need to create style guides for websites. I will be provided with the assets (images and required measurements). It will be my job to create style guides using In Design.
I have never used In Design, but I am a member of Lynda and Total Training online. Neither seem to address simple style guides for websites. Both seem to address designing from scratch for print and newsletter creation.
Any links to tutorials? This seems straight-forward, but because I have never done it, I would appreciate direction.
Thanks!

I received a sample of what I'll be working on. Attached is one screenshot (blurred areas to conceal confidential info).
Overall, I will be given web page images (as seen below and as an original sized attachment) like screenshots.
I will be given measurements.
I will create a web style guide with text and the placement of images, and pinpoint where the objects are placed on the pages in pixels. e.g. Hero section - 80 pixels, padding - 40 pixels, etc. You can see this below in the (tiny, or see the larger attachment) text on the sides of the web page image.
The original designer also added some type of padding. You can see it below in blue at the bottom of the page. Is this the norm? How is that done?
Big Question: There are no pixels in InDesign. Are points equivalent, or should I set this (pixel notations) part up in Photoshop?
I hope this provides more details for you to help me, and I know this is a lot to ask. Thanks in advance!

How to add cover sheet without affecting page numbering?

No replies yet, so perhaps I should change the question to "Can one add a new section break at the beginning of a document?"
Or "How do you apply a section break on a Master Page so that when the Master Page is added at the beginning of a document, it does not change the numbering of the pages that follow?"
Thanks very much for any help!
[ORIGINAL QUESTION: Is it possible to add a cover sheet to an InDesign document without affecting the existing page numbering? I have a series of chapters from a book that need to be posted individually and require a cover sheet. Each chapter begins on a recto page and the page numbering is set with a prefix (the chapter number) and page number, e.g., page 1.1. I can manage to add the cover sheet without the other pages shuffling, but the cover page always becomes page 1.1 and the text thus begins on page 1.2 (even though it's a recto page). Is there any way to do this without having to manually reset all the page numbering in the Numbering & Section Options window?
Thanks for any help you can give---many such documents to work on.... Also, never submitted a question before, so hope I've done this correctly! ---JCI]
Message was edited by: J Shee

There are really two things to consider here. First is that page numbering normally controls which side of the spine a page is on (and switching sides can cause all sorts of problems if you have master text frames). Second is preseving the existing numbering.
It's no problem to reset the numbering by starting a new section after you add the new page to the front of the file, but if this is a facing pages file you will want to add two pages to start so the rest of the doc doesn't switch sides, then start a new section and reset the start number (sorry, no way I know to do this other than manually). Now you can delete one of the pages in the first section and reset the number on the remaining new page to odd or even as appropriate and add your content.

How do I style the e-commerce pages using Muse?

I cant work out how to style the html pages of the catalogue/ shop pages. I have seen how to intergrate Muse and BC with a blog for example, however I cannot workout how to to the same with the shop.
It seems that Muse takes the programing out of web design and BC puts it right back.

Well there is html edit ability in Muse but it is real basic and people have stumbled through eCommerce projects using Muse - But from my opinion they are not very good. Wrong tool, missing knowledge. Not having a go at those people but just stating the facts.
Any job in any field, you want to be good at it and make cool stuff - you need to know your craft.
BC and DW will be a good start, there are other nice coding platforms for both PC and Mac out there.

How to apply style sheet to design page

Similar Messages

Maybe you are looking for