Applying a style sheet to sumit buttons

Hi All.
I'm trying to write a stylesheet to jsp pages which I can use for a set of submit buttons, here's a selection of the jsp code, as you can see there is reference to a stylesheet there already, which works ok. I can find loads of info relating to sylesheets and links, but nothing to assist on applying stylesheets to these buttons.
<tr>
<td height="100%">
<ul id="webTabBar">
<li>
<html:submit property="invokedBy"><bean:message key="CallPlanl.Tariff" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlanl.Exceptions" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.SBN" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Barred" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Comm" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Misc" /></html:submit>
</li>
</ul>
</td>
</tr>

why not this:
<html:submit style="theStyles" styleClass="theClass" styleId="theID">

Similar Messages

Applying different style sheets

I'm not sure if this is possible, but I would like to apply
different style sheets to different outputs.
For example: (Both outputs use the same data)
Output to PDF = Style Sheet 1
Output to WebHelp = Style Sheet 2
Is there an easy way to do this?

It would be lovely to select a style sheet as you are
generating the output, wouldn't it? As far as I can see, however,
style sheets are assigned per topic thru a reference RH sticks in
the HTML header.
Which leaves you two options:
1) The simple but tedious way: In the Topics list (on the
right), select all the topics. Right-click and pick Properties.
When the Properties window opens, choose the stylesheet you want on
the Appearance tab. Click OK. You would need to do this each time
you switch from generating WebHelp to generating PDF.
2) The complex but cool if it works way: I don't use the PDF
plug-in - do you still generate PDF from the Printed Documentation
layout? If so, can you use the StyleMapping.dot template? (I seem
to remember that the PDF goes through a Word stage behind the
scenes.) You can open StyleMapping.dot in Word (be sure to use File
> Open so you get the .dot) and change the styles into what is
effectively a new style sheet. It may take some tweaking - I still
can't get my bulleted styles to come out quite right - but it's
great for global changes.
HTH,
Elisa

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

Use Conditional Tags to apply different Style Sheets / Skins for branding purposes?

RoboHelp HTML > WebHelp layout appearance using Conditional Build Tags
I have a customer who supplies an application to different corporates, and brands his product by changing the appearance, using a selected style sheet to suit the Brand.
Is there a way to customise a WebHelp layout, to select a style sheet and a skin for Brand A, and another style sheet and skin for Brand B, and so on?
Would this work in RH7? (The customer uses this at the moment.)
Would this work in RH8? (They could upgrade if this solves the problem.)
Philip Tory, Technical Author

Hi Phillip
RoboHelp 8 offers an ability to nominate a specific CSS file in the Single Source Layout recipe. So sure.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Applying Page style sheets to a Content Area.

We have embeded a Folder within a Content Area that has been published as a Portlet and is displayed within a Page. There is a link within the displayed folder which displays another Folder within the Content Area that we have doctored to appear like the Page (by including other Portlets, Nav Bars, same regions etc.). But the second tier (Content Area) does not mimic the Page Style of the home page, ie. we can't mimic Portlet header colours etc. How can we sort this???
Thanks in advance.

Just to clairfy, are you trying to make a folder look like a page, and asking how to impose a page style onto a folder? If so, you can edit your folder style to resemble your page style.
null

(none) style gets applied to numbered list & font size not matching text in my style sheet

RoboHelp 9 (9.0.2.271)
Something is wrong with my style sheet, and it only started happening after I created Master Page for the first time. This happens whether or not the new Master Page is applied to a topic: Every time I type any text in a topic, then click the Numbered List icon in the toolbar, the style goes from Normal to (none), and the font changes from my style sheet's Normal 10pt to 8pt, for the number as well as the text.
I don't see how the new Master Page has anything to do with it because it's not applied to this particular topic. I had created a Master Page in RoboHelp HTML and applied my style sheet, then my topics to it. I have a footer in the Master Page and applied 8pt font using inline formatting (not the style sheet).
I created a new project to see what would happen.
When I apply my style sheet, then apply the numbered list to text, the text font is correct (10pt), but the number font is wrong (8pt).
But when I apply the default style sheet to the topic, the number font and text font match.
How can I get the number and text fonts to match in my style sheet?
I found a workaround by applying inline formatting to the next (10pt) after selecting the text and clicking the numbered list icon. Below is the html code. The numbered steps in red are the ones that are not correct (8 pt). The code with the correct formatting (after I applied inline formatting) is in blue.
<body>
<h1>My Overview</h1>
<p>example</p>
<ol type="1">
<li>first step</li>
<li>second step</li>
</ol>
<ol type="1">
<li style="font-size: 10pt;">Fixed by applying inline formatting to
10pt after selecting the numbered list icon</li>
<li style="font-size: 10pt;">next step</li>
</ol>
<p> </p>
<?rh-placeholder type="footer" ?>
</body>
Thanks.
Gina
Message was edited by: ginafromtampa

Amebr,
That was helpful. I'm looking at a topic now, and both the Apply Style list on the Formatting toolbar show (none) when I click a numbered list that I created using the Created a Numbered List or Create a Bulleted List on the toolbar.
This is the html code for the correct font (10pt):
<ol>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
</ol>
Both styles list show the correct custom styles I created for numbered lists, though. Below is the code (correct font):
<ol>
<li class="p-ProcedureSteps"><p class="ProcedureSteps">this is from
my custom numbered style and looks correct</p></li>
</ol>
What's strange is, if I create a list and highlight it, then click the Apply Numbered List button in the toolbar, the numbers and text font size changes to 8 point and my Normal font is 10 pt, and both style lists show (none). That's what I wanted to figure out in my original post. I opened up the stylesheet and I don't see where that's applied. In Flare, you can easily see in a table how the styles are formatted, down to each class.
This is the code for the incorrect font (8pt):
<ol type="1">
<li>why is this 8pt?</li>
<li>why is this 8pt?</li>
<li>why is this 8pt?</li>
</ol>
Below is a screenshot.
Maybe someone can figure this out. Thanks!
Gina

Import Word to RH8 - can't select Style sheet to apply

When importing a Word file to RH8 the new dialogue box series needs me to apply my style sheet on the 2nd screen...but even though Help says that a list will be provided, it is greyed out and I can't chose/add one:
This causes all the numbers and bullets to be corrupted. How do I get my style sheet to be available? Thank you!

No it doesn't, that's why it's greyed out. Click the Edit button to get at the settings you need.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

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

Problems with a style sheet in InDesign CS3

Hello everyone. I was wondering if anyone had any clue as to what the holy heck is happening to me.
I am attempting to standardize our documents and use style sheets--hey, what a concept, right? So I'm going through a recently completed document and grabbing text and using that to create paragraph style sheets and character based style sheets.
With one paragraph style sheet, the text is set to Janson Text Lt Stnd 55 Roman. However, when you apply the style sheet to a paragraph, the first word sets to a missing font. The rest of the paragraph is OK. It's only the first word. The paragraph style sheet does not have a "+" next to it. Highlighting the individual word and reapplying the paragraph style sheet does not change this.
I went to the character style palette, thinking that there was an override. Nope, the character style was set to "None." I clicked on "Override" to apply the paragraph style, and again, the first word is stubbornly refusing to change.
What gives? I am stumped!
Best,
Chryss

Styles based on Basic paragraph are a nightmare because every document starts with a basic paragraph style, and there's no guarantee that it will be the same from document to document. When you import styles based on Basic Paragraph from some other document, different attributes will be overridden depending on what is the same, and what is different.
The best way to deal with this is to either import the basic paragraph stle along with everything else, or put all the docs in one book file and pick one to use as the master, then synchronize the styles.
It sounds like your first word problem could be an applied character style, though, or less likely, a nested style.
Peter

Style sheet changes not appearing in RH10

Hello all,
Searching for an answer before I posted, I saw this question from a member named Pam about RH11 posted almost a year ago, but I don't see an answer. I'm hoping there is an answer!
After many years of working in RoboHelp and carrying on with inline styles, I'm now looking into changing over to style sheets. I've been tinkering with them in some test projects, and I'm having the same problem that Pam did. The process of creating and applying a style sheet is simple, as far as I can tell, yet I can't get the style sheet formatting to appear. It's in the HTML--I see the .css specified, and there are only heading tags and so on present instead of inline stuff--yet the fonts I've selected appear neither in the Styles and Formatting pod nor in the Design view of the topic. I searched Adobe for help and found this: ROBOHELP 10: Creating CSS for a Topic | Tech Comm Suite Highlights | Adobe TV. I did exactly the same steps, but my fonts and spacing do not change as they do in the video. They don't appear different, that is. When I go into the style sheet, my selections are in there; they're just not displayed on the screen. I compiled a chm file to see if by chance the changes might appear there, but no.
I tried this both with existing and new topics in a test copy of an existing project and with a brand new project created in RoboHelp that had none of my usual baggage. Any ideas?
Thanks,
Beth

When I opened your CSS it was written as below.
/*Created with Adobe RoboHelp 10.*/
@media only screen and (min-width: 1024px) and (max-width: 99999px){
h1 {
font-family: Arial;
font-size: 18pt;
x-next-class: ;
x-next-type: p;
@media only screen and (min-width: 1024px) and (max-width: 99999px){
p {
font-family: Arial;
That was because, as Amebr had picked up, you must have had Desktop setting in the media dropdown when you applied the style. The result is that if you are viewing in any less than 1024px, Arial will not be applied and you will get the browser default on the user's machine.
With media set to None, I defined h1 and p again using Rh's CSS editor and the following was appended.
h1 {
font-weight: bold;
font-size: 22pt;
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
page-break-after: avoid;
font-family: Arial;
x-next-class: ;
x-next-type: p;
p {
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
Go back to your real project and define your styles with media set to None. Take a copy of the exising CSS first for safety. Delete any styles with media rules applied.
Create the styles by right clicking and using CSS Editor. Clean up by right clicking and using HTML Editor (the css will open in Rh and you can work on it as if in a text editor.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Applying a style in RoboHelp 7

I have a style called cmdname and I created a definition in my style sheet for this style:
cmdname {
font-size: 11pt;
font-family: Arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
I applied the style sheet to all of my topics, but the style is not "active" for the words that are marked as cmdname. How can I make this happen without changing each cmdname individually?
Thanks,
Deb

I don't understand. Do you mean that in my style sheet where I have the definition of cmdname, it should be listed as span.cmdname if I'm using it for s
pan?

XSL style sheet not performing

Hi,
I'm playing around w/ the examples that came
with XML SQL utility.
The example works fine but does not apply
the style sheet to the XML data produced from
the SQL query. Is this a bug? Or is that
the way its supposed to be ?
I thought when you use
oracleXmlQuery.setStyleSheet("rowcol.xsl");
that it converts the XML data to the HTML specified by the XSL sheet.
But instead I still get ...
OUTPUT IS:
<?xml version = '1.0'?>
<?xml-stylesheet href="rowcol.xsl" type="text/xsl"?>
<ROWSET>
<ROW num="1">
<USER_NAME>oa2058</USER_NAME>
<FULL_NAME>Masatoh Awaya</FULL_NAME>
<LOCATION>Tokyo</LOCATION>
<EMAIL>[email protected]</EMAIL>
</ROW>
<ROW num="2">
<USER_NAME>cchang</USER_NAME>
<FULL_NAME>Chris Chang</FULL_NAME>
<LOCATION>New York</LOCATION>
<EMAIL>[email protected]</EMAIL>
</ROW>
<ROW num="3">
<USER_NAME>ccummins</USER_NAME>
<FULL_NAME>Chris Cummins</FULL_NAME>
<LOCATION>New York</LOCATION>
<EMAIL>[email protected]</EMAIL>
</ROW>
<ROW num="4">
<USER_NAME>igomendi</USER_NAME>
<FULL_NAME>Ignacio Gomendio</FULL_NAME>
<LOCATION>New York</LOCATION>
<EMAIL>[email protected]</EMAIL>
</ROW>
<ROW num="5">
<USER_NAME>jroblesg</USER_NAME>
<FULL_NAME>Jaime Roblesgil</FULL_NAME>
<LOCATION>New York</LOCATION>
<EMAIL>[email protected]</EMAIL>
</ROW>
</ROWSET>
null

This is working as designed.
Calling setStylesheet() on XML SQL only adds the xml-stylesheet PI as you are seeing.
If you want to combine XML SQL and XSLT transformations easily, see our XSQL Servlet software that part of the XDK. It does all of this for you automatically.

Editing Style Sheets

This seems like a pretty straightforward thing to do but I
didn't see it in the RH manual.
I just imported several MIF files into a new WebHelp project.
I applied a style sheet to all the new topics, but the style names
don't match. Now, I could go through each topic and apply the
appropriate style for each paragraph independently, but I'd much
rather just copy the style definition to do it all at once.
Is there any way to copy the definition of one style to
another within the same style sheet? Or, can I somehow delete the
name of the unwanted style and rename the desired style to do this
to automatically update all the text in that style?
Any advice would be greatly appreciated,
-Mark

Open the style sheet in Notepad or similar. You can then copy
and tweak any style.

How to apply a css style to a radio button.

I cannot seem to persuade jsf to pass css styles through to a radio button.
I have markup like this:
<h:selectOneRadio id="direction" styleClass="largish-form" >
<f:selectItem id="positive" itemLabel="positive" itemValue="positive" />
<f:selectItem id="negative" itemLabel="negative" itemValue="negative" />
</h:selectOneRadio>Which gets transformed into something like:

<td>
<label>
<input type="radio" name="comp-amount-form:direction" value="positive" class="largish-form" />
positive
</label>
</td>So the style does not get applied to the text of the label. I was expecting something like
<span class="largish-form"> positive</span>.So how do I get styled labels on my radio buttons?
Thanks in advance.

For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
In this situation, code your HTML as normal and reference your CSS style sheets as normal.
If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
Cheers,
John

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

Applying a style sheet to sumit buttons

Similar Messages

Maybe you are looking for