Css style class can't be used in Page Fragment?

I need to use css to modify pages. When I open a page fragment and want to apply a css rule to a button, i can't find any styleClass available in popup window: Properties->Appreaance->styleClass.
Does anyone have any idea?

Hi,
You are correct - there is a current limitation that we are working to fix. For now, you can manually add style parameters to the <div in the .jsp. I have also seen div id rule classes in the stylesheet e.g. div#content and then manually applied the div id="content" in the .jsp before the directive include.
/krys
Creator Team

Similar Messages

How to use same page fragment more than once in a page,

Hi Gurus,
How to use same page fragment more than once in a page. I have a complex page fragment which has lots of Bindings (Binding Property set with backingBean variables).
I want to use the same page fragment multiple times on the same page with different tabs.
I want different ApplicationModule Instance for the page fragment in different tabs.
So I have created a Bounded Taskflow with pagefragments which has this complex pagefragment.
I've dragged the taskflow to page and created regions.
I'm able to execute the page successfully when I have only one region but fails if I have region more than once in the page.
Can anyone help me how to resolve this issue.
Web User Interface Developer's Guide for Oracle Application Development Framework: section 19-2 states we can have same pagefragment more than once in a page.
Thanks,
Satya

java.lang.IllegalStateException: Duplicate component id: 'pt1:r1:0:t2:si5', first used in tag: 'com.sun.faces.taglib.jsf_core.SelectItemsTag'
+id: j_id_id1
type: javax.faces.component.UIViewRoot@1d23189
+id: d1
   type: RichDocument[UIXFacesBeanImpl, id=d1]
    +id: j_id_id5
     type: HtmlScript[UIXFacesBeanImpl, id=j_id_id5]
      +id: j_id0
       type: javax.faces.component.html.HtmlOutputText@bc252
    +id: m1
     type: RichMessages[UINodeFacesBean, id=m1]
    +id: f1
     type: RichForm[UIXFacesBeanImpl, id=f1]
      +id: pt1
       type: RichPageTemplate[oracle.adf.view.rich.component.fragment.UIXInclude$ContextualFacesBeanWrapper@2a0cc, id=pt1]
        +id: ps1
         type: RichPanelSplitter[UIXFacesBeanImpl, id=ps1]
          +id: pt3
     at javax.faces.webapp.UIComponentClassicTagBase.doStartTag(UIComponentClassicTagBase.java:1199)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag265(__projectrevenuern_jsff.java:12356)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag264(__projectrevenuern_jsff.java:12317)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag263(__projectrevenuern_jsff.java:12262)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag262(__projectrevenuern_jsff.java:12200)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag261(__projectrevenuern_jsff.java:12147)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag260(__projectrevenuern_jsff.java:12099)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag259(__projectrevenuern_jsff.java:12047)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag258(__projectrevenuern_jsff.java:11992)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag257(__projectrevenuern_jsff.java:11948)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag255(__projectrevenuern_jsff.java:11860)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag254(__projectrevenuern_jsff.java:11808)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag9(__projectrevenuern_jsff.java:510)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag8(__projectrevenuern_jsff.java:461)
     at jsp_servlet.__projectrevenuern_jsff._jspx___tag1(__projectrevenuern_jsff.java:149)
     at jsp_servlet.__projectrevenuern_jsff._jspService(__projectrevenuern_jsff.java:67)
     at weblogic.servlet.jsp.JspBase.service(JspBase.java:34)
     at weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:227)
     at weblogic.servlet.internal.StubSecurityHelper.invokeServlet(StubSecurityHelper.java:125)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:292)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:175)
     at weblogic.servlet.internal.RequestDispatcherImpl.invokeServlet(RequestDispatcherImpl.java:499)
     at weblogic.servlet.internal.RequestDispatcherImpl.include(RequestDispatcherImpl.java:429)
     at weblogic.servlet.jsp.PageContextImpl.include(PageContextImpl.java:163)
     at weblogic.servlet.jsp.PageContextImpl.include(PageContextImpl.java:184)
     at oracle.adfinternal.view.faces.taglib.region.IncludeTag.__include(IncludeTag.java:443)
     at oracle.adfinternal.view.faces.taglib.region.RegionTag$1.call(RegionTag.java:153)
     at oracle.adfinternal.view.faces.taglib.region.RegionTag$1.call(RegionTag.java:128)
     at oracle.adf.view.rich.component.fragment.UIXRegion.processRegion(UIXRegion.java:492)
     at oracle.adfinternal.view.faces.taglib.region.RegionTag.doStartTag(RegionTag.java:127)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag50(__projectrevenuepg_jspx.java:2392)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag49(__projectrevenuepg_jspx.java:2353)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag46(__projectrevenuepg_jspx.java:2209)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag45(__projectrevenuepg_jspx.java:2162)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag9(__projectrevenuepg_jspx.java:526)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag8(__projectrevenuepg_jspx.java:475)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag7(__projectrevenuepg_jspx.java:424)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag6(__projectrevenuepg_jspx.java:373)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag2(__projectrevenuepg_jspx.java:202)
     at jsp_servlet.__projectrevenuepg_jspx._jspx___tag1(__projectrevenuepg_jspx.java:144)
     at jsp_servlet.__projectrevenuepg_jspx._jspService(__projectrevenuepg_jspx.java:71)
     at weblogic.servlet.jsp.JspBase.service(JspBase.java:34)
     at weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:227)
     at weblogic.servlet.internal.StubSecurityHelper.invokeServlet(StubSecurityHelper.java:125)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:292)
     at weblogic.servlet.internal.ServletStubImpl.onAddToMapException(ServletStubImpl.java:408)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:318)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:175)
     at weblogic.servlet.internal.RequestDispatcherImpl.invokeServlet(RequestDispatcherImpl.java:499)
     at weblogic.servlet.internal.RequestDispatcherImpl.forward(RequestDispatcherImpl.java:248)
     at com.sun.faces.context.ExternalContextImpl.dispatch(ExternalContextImpl.java:410)
     at org.apache.myfaces.trinidad.context.ExternalContextDecorator.dispatch(ExternalContextDecorator.java:44)
     at org.apache.myfaces.trinidad.context.ExternalContextDecorator.dispatch(ExternalContextDecorator.java:44)
     at org.apache.myfaces.trinidad.context.ExternalContextDecorator.dispatch(ExternalContextDecorator.java:44)
     at org.apache.myfaces.trinidad.context.ExternalContextDecorator.dispatch(ExternalContextDecorator.java:44)
     at org.apache.myfaces.trinidadinternal.context.FacesContextFactoryImpl$OverrideDispatch.dispatch(FacesContextFactoryImpl.java:267)
     at com.sun.faces.application.ViewHandlerImpl.executePageToBuildView(ViewHandlerImpl.java:473)
     at com.sun.faces.application.ViewHandlerImpl.renderView(ViewHandlerImpl.java:141)
     at javax.faces.application.ViewHandlerWrapper.renderView(ViewHandlerWrapper.java:189)
     at org.apache.myfaces.trinidadinternal.application.ViewHandlerImpl.renderView(ViewHandlerImpl.java:193)
     at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl._renderResponse(LifecycleImpl.java:710)
     at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl._executePhase(LifecycleImpl.java:273)
     at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:205)
     at javax.faces.webapp.FacesServlet.service(FacesServlet.java:266)
     at weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:227)
     at weblogic.servlet.internal.StubSecurityHelper.invokeServlet(StubSecurityHelper.java:125)
     at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:292)
     at weblogic.servlet.internal.TailFilter.doFilter(TailFilter.java:26)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at oracle.adf.model.servlet.ADFBindingFilter.doFilter(ADFBindingFilter.java:191)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at oracle.adfinternal.view.faces.webapp.rich.RegistrationFilter.doFilter(RegistrationFilter.java:97)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl$FilterListChain.doFilter(TrinidadFilterImpl.java:420)
     at oracle.adfinternal.view.faces.activedata.AdsFilter.doFilter(AdsFilter.java:60)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl$FilterListChain.doFilter(TrinidadFilterImpl.java:420)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl._doFilterImpl(TrinidadFilterImpl.java:247)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl.doFilter(TrinidadFilterImpl.java:157)
     at org.apache.myfaces.trinidad.webapp.TrinidadFilter.doFilter(TrinidadFilter.java:92)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at oracle.security.jps.ee.http.JpsAbsFilter$1.run(JpsAbsFilter.java:94)
     at java.security.AccessController.doPrivileged(Native Method)
     at oracle.security.jps.util.JpsSubject.doAsPrivileged(JpsSubject.java:313)
     at oracle.security.jps.ee.util.JpsPlatformUtil.runJaasMode(JpsPlatformUtil.java:413)
     at oracle.security.jps.ee.http.JpsAbsFilter.doFilter(JpsAbsFilter.java:138)
     at oracle.security.jps.ee.http.JpsFilter.doFilter(JpsFilter.java:70)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at oracle.dms.wls.DMSServletFilter.doFilter(DMSServletFilter.java:326)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at weblogic.servlet.internal.RequestEventsFilter.doFilter(RequestEventsFilter.java:27)
     at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
     at weblogic.servlet.internal.WebAppServletContext$ServletInvocationAction.run(WebAppServletContext.java:3592)
     at weblogic.security.acl.internal.AuthenticatedSubject.doAs(AuthenticatedSubject.java:321)
     at weblogic.security.service.SecurityManager.runAs(SecurityManager.java:121)
     at weblogic.servlet.internal.WebAppServletContext.securedExecute(WebAppServletContext.java:2202)
     at weblogic.servlet.internal.WebAppServletContext.execute(WebAppServletContext.java:2108)
     at weblogic.servlet.internal.ServletRequestImpl.run(ServletRequestImpl.java:1432)
     at weblogic.work.ExecuteThread.execute(ExecuteThread.java:201)
     at weblogic.work.ExecuteThread.run(ExecuteThread.java:173)
SUBSYSTEM = HTTP USERID = <WLS Kernel> SEVERITY = Error THREAD = [ACTIVE] ExecuteThread: '1' for queue: 'weblogic.kernel.Default (self-tuning)' MSGID = BEA-101020 MACHINE = CAMIND1 TXID = CONTEXTID = TIMESTAMP = 1262712477691
WatchAlarmType: AutomaticReset
WatchAlarmResetPeriod: 30000
>
<JMXWatchNotificationListener><handleNotification> failure creating incident from WLDF notification
oracle.dfw.incident.IncidentCreationException: DFW-40116: failure creating incident
Cause: DFW-40112: There was an error executing adrci commands; the following errors have been found "DIA-48415: Syntax error found in string [create home base=C:\\Documents and Settings\\tammineedis\\Application] at column [69]
DIA-48447: The input path [C:\\Documents and Settings\\tammineedis\\Application Data\\JDeveloper\\system11.1.1.2.36.55.36\\DefaultDomain\\servers\\DefaultServer\\adr] does not contain any ADR homes
DIA-48447: The input path [diag\ofm\defaultdomain\defaultserver] does not contain any ADR homes
DIA-48494: ADR home is not set, the corresponding operation cannot be done
Action: Ensure that command line tool "adrci" can be executed from the command line.
     at oracle.dfw.impl.incident.DiagnosticsDataExtractorImpl.createADRIncident(DiagnosticsDataExtractorImpl.java:708)
     at oracle.dfw.impl.incident.DiagnosticsDataExtractorImpl.createIncident(DiagnosticsDataExtractorImpl.java:246)
     at oracle.dfw.spi.weblogic.JMXWatchNotificationListener.handleNotification(JMXWatchNotificationListener.java:195)
     at com.sun.jmx.interceptor.DefaultMBeanServerInterceptor$ListenerWrapper.handleNotification(DefaultMBeanServerInterceptor.java:1732)
     at javax.management.NotificationBroadcasterSupport.handleNotification(NotificationBroadcasterSupport.java:257)
     at javax.management.NotificationBroadcasterSupport$SendNotifJob.run(NotificationBroadcasterSupport.java:322)
     at javax.management.NotificationBroadcasterSupport$1.execute(NotificationBroadcasterSupport.java:307)
     at javax.management.NotificationBroadcasterSupport.sendNotification(NotificationBroadcasterSupport.java:229)
     at weblogic.management.jmx.modelmbean.WLSModelMBean.sendNotification(WLSModelMBean.java:824)
     at weblogic.diagnostics.watch.JMXNotificationProducer.postJMXNotification(JMXNotificationProducer.java:79)
     at weblogic.diagnostics.watch.JMXNotificationProducer.sendNotification(JMXNotificationProducer.java:104)
     at com.bea.diagnostics.notifications.JMXNotificationService.send(JMXNotificationService.java:122)
     at weblogic.diagnostics.watch.JMXNotificationListener.processWatchNotification(JMXNotificationListener.java:103)
     at weblogic.diagnostics.watch.Watch.performNotifications(Watch.java:621)
     at weblogic.diagnostics.watch.Watch.evaluateLogRuleWatch(Watch.java:546)
     at weblogic.diagnostics.watch.WatchManager.evaluateLogEventRulesAsync(WatchManager.java:765)
     at weblogic.diagnostics.watch.WatchManager.run(WatchManager.java:525)
     at weblogic.work.SelfTuningWorkManagerImpl$WorkAdapterImpl.run(SelfTuningWorkManagerImpl.java:516)
     at weblogic.work.ExecuteThread.execute(ExecuteThread.java:201)
     at weblogic.work.ExecuteThread.run(ExecuteThread.java:173)
Caused by: oracle.dfw.common.DiagnosticsException: DFW-40112: failed to execute the adrci commands "create home base=C:\\Documents and Settings\\tammineedis\\Application Data\\JDeveloper\\system11.1.1.2.36.55.36\\DefaultDomain\\servers\\DefaultServer\\adr product_type=ofm product_id=defaultdomain instance_id=defaultserver
set base C:\\Documents and Settings\\tammineedis\\Application Data\\JDeveloper\\system11.1.1.2.36.55.36\\DefaultDomain\\servers\\DefaultServer\\adr
set homepath diag\ofm\defaultdomain\defaultserver
create incident problem_key="BEA-101020 [HTTP]" error_facility="BEA" error_number=101020 error_message="null" create_time="2010-01-05 12:27:58.155 -05:00" ecid="0000INzXpbB7u1MLqMS4yY1BGrHn00000K"
Cause: There was an error executing adrci commands; the following errors have been found "DIA-48415: Syntax error found in string [create home base=C:\\Documents and Settings\\tammineedis\\Application] at column [69]
DIA-48447: The input path [C:\\Documents and Settings\\tammineedis\\Application Data\\JDeveloper\\system11.1.1.2.36.55.36\\DefaultDomain\\servers\\DefaultServer\\adr] does not contain any ADR homes
DIA-48447: The input path [diag\ofm\defaultdomain\defaultserver] does not contain any ADR homes
DIA-48494: ADR home is not set, the corresponding operation cannot be done
Action: Ensure that command line tool "adrci" can be executed from the command line.
     at oracle.dfw.impl.incident.ADRHelper.invoke(ADRHelper.java:1052)
     at oracle.dfw.impl.incident.ADRHelper.createIncident(ADRHelper.java:786)
     at oracle.dfw.impl.incident.DiagnosticsDataExtractorImpl.createADRIncident(DiagnosticsDataExtractorImpl.java:688)
     ... 19 moreI get the above Error.
I have checked the bindings and it has 2 instances of the taskflow.
I have changed the backingbean scope to backingBean

Setting RichInputText's label CSS Style Class

Hello,
I'm developing with JDeveloper 11.1.2.1.0 and need to programmatically assign a class style to a RichInputText's label. I see that the RichInputText item has setStyleClass and setInlineStyle methods for setting css class and inline style css but there is only one method setLabelStyle to set the item's label inline style. I need to programmatically assign a class to my item's label, is that possible?
Thabks
Roberto

Roberto,
I use a style class in a skin like
.MYLabel af|inputText::label, af|inputText:disabled::label, af|inputText:required::label
background-color: green;
}and then set the MYLabel as style class to the inputText
<af:inputText label="Label 1" id="it1" styleClass="MYLabel"/>Timo

Setting CSS Style Class dynamically based on Responsibility

Hi Guys,
Is there an elegant way of setting css class in all items of a page based on responsibility? I've seen that there is a way on attributes like readOnly, disabled and rendering thru function security. How about the other attributes like css class? I even tried PVO, hahaha...but then I read, it doesn't apply to css class... :-)
Guys, please help! Need this.. It'll save lots of time writing the code programmatically if it can be set as SPEL. hmmmmm...
HElp help help! Thanks in advance!

maeve ,
You cannot be saved from writing code :), basically based on responsibility, set the bean properties in process request, there will be not much code !
--Mukul

Need solution for Use Case - Page Fragment?

I have a set of controls and table which I need to insert into many tabs such that each tab displays the same table and functions but with slightly different data. The controls and table could be used in many different areas so doesn't make sense to code each and everyone mutiple times. I thought then that making this set of functions a page fragment and including it would do the trick, however, an exception that I have the same ID's defined was raised.
Can someone tell me what technology I should use for this use case such that one a single page with tabs I can include the same set of controls many times? Can page fragments be used multiple times on one page or do I need some sort of declarative component?
Thank you,
Kris

Task Flows is the way to go...
Just create a bounded task flow and create a default view activity (which is going to be your page fragment with table and other controls).
Now you can drop this TF on every tab and this way you will get a resuable table and control.
Read about Task flows in dev guide if you need further understanding on this.
One more thing, this will give you exactly same stuff on each tab. So, I am not sure what you want to change in every tab? A detailed description of your requirement might help.
Vik
Hope this helps
http://adfjsf.blogspot.com
http://www.linkedin.com/groupSharingMsg?displayCreate=&connId=-1&groupID=1801839

Can not set css style class of TD in DataTable??

<h:dataTable value='#{myList.rows}' var='row' headerClass='cs_header' styleClass="cs_list" rowClasses='cs_TR_EVEN,cs_TR_ODD' >
The following is what I want to be generated by JSF.
<table class="cs_list">
<thead>
<tr>
<th class="cs_header" scope="col">col1_header</th>
<th class="cs_header" scope="col">col2_header</th>
<th class="cs_header" scope="col">col3_header</th>
</tr>
</thead>
<tbody>
<tr class="cs_TR_EVEN">
<td>col11</td> //?? how to generate : <td class="cs_right">col11</td>
<td>col12</td>     //?? how to generate : <td class="cs_left">col12</td>
<td>col13</td>     //?? how to generate : <td class="cs_center">col13</td>
</tr>
<tr class="cs_TR_ODD">
<td>col21</td> //?? how to generate : <td class="cs_right">col21</td>
<td>col22</td>     //?? how to generate : <td class="cs_left">col22</td>
<td>col23</td>     //?? how to generate : <td class="cs_center">col23</td>
</tr>
<tr class="cs_TR_EVEN">
<td>col31</td> //?? how to generate : <td class="cs_right">col31</td>
<td>col32</td>     //?? how to generate : <td class="cs_left">col32</td>
<td>col33</td>     //?? how to generate : <td class="cs_center">col33</td>
</tr>
</tbody>
</table>
Thanks a lot!

try columnClasses="cs_right,cs_left,cs_center"

How do I use the same css style but different attributes, Without affecting another page.

Hey everyone,
I am using the "NivoSlider", for my dreamweaver page but I am not sure how to tell styles that one page has one attribute and the other one will have a different attribute.
For example: in my "about us" I have a small slideshow with its own pictures. I then put a gallery page with its own pictures, yet, I want to make that slideshow box larger without affecting the other small slideshow.
I am using just one Style.CSS for the slideshow.
Anyways, is their a way to tell tell the code that one page is going to be a different width then the other?
Thank you!

Embedded CSS rules take priority over styles in external style sheets. So you can add page specific rules between your document's <head> tags and after all other links to external CSS files.
<style>
page specific rules here....
</style>
Nancy O.

How to get rid of a CSS style instance that is effecting the wrong page

I am new to CSS and I am working in Dreamweaver CC. I am mostly designing in the large screen view and then making my changes to the tablet and phone later.
I have the large screen design finished, and now am making changes to the tablet size. I am working on the footer (for example) and when I change the margins and sizes of the elements in the footer, it is changing the large screen version as well. It is almost like the CSS instance for the footer is overriding my Global CSS for the footer on the large screen version.
This is so confusing to me, I thought I could make changes in the tablet version and it wouldn't effect the other screens.
What do I do to get the tablet CSS to stop effecting my large screen?
thank you

@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 9;
dw-num-cols-desktop: 13;
dw-gutter-percentage: 20;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
.fluid {
clear: both;
width: 100%;
float: left;
display: block;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 0;
padding-right: 0;
clear: none;
float: none;
#top {
.tagline {
width: 100%;
clear: both;
margin-left: 0;
/* [disabled]margin-top: 50px; */
/* [disabled]top: 50px; */
position: static;
display: block;
float: left;
text-align: left;
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
font-style: italic;
#mainNav {
background-color: #30434D;
width: 100%;
background-repeat: repeat-x;
float: none;
clear: both;
height: 35px;
#navMenu {
clear: none;
margin-left: 0;
position: static;
#menuChoices {
clear: both;
margin-left: 0;
width: 100%;
position: static;
height: auto;
#menuChoices a:hover{
background-color: #3192D8;
display: block;
#menuChoices a:link{
color: #FFFFFF;
text-decoration: none;
.menuItem {
color: #FFFFFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size: small;
font-weight: lighter;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
clear: both;
margin-left: 0;
background-size: auto 35px;
display: block;
#div2 {
display: block;
#SubHead {
clear: none;
float: left;
position: static;
height: auto;
width: 100%;
#mainSubHead {
text-align: center;
width: 100%;
clear: none;
margin-left: 0;
position: static;
height: auto;
#div3 {
width: 100%;
#promoBlocks {
#div4 {
clear: both;
margin-left: 0;
width: 100%;
#PromoBlocks {
display: block;
text-align: center;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
position: static;
height: auto;
width: 100%;
.PromoItem {
width: 100%;
clear: both;
margin-left: 0;
.PromoButtons {
color: #FFFFFF;
font-size: small;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
display: block;
height: 30px;
background-color: #3192D8;
line-height: 30px;
clear: both;
margin-left: 0;
width: 100%;
#mainContent {
background-color: #30434D;
color: #FFFFFF;
width: 100%;
clear: both;
float: left;
position: static;
height: auto;
margin-left: 0;
background-repeat: repeat;
background-image: url(../grayTexture2.png);
.content {
.contentStyle {
padding-left: 30px;
width: 85%;
padding-right: 20px;
margin-left: 0;
#mainAside {
width: 350px;
float: left;
clear: right;
position: static;
height: auto;
margin-left: 0;
padding-left: 25px;
#mainFooter {
float: left;
clear: both;
background-color: #3192D8;
width: 100%;
display: block;
#footerLogo {
width: 250px;
padding-top: 15px;
padding-left: 30px;
#footerInfo {
width: 500px;
float: left;
clear: right;
color: #FFFFFF;
font-style: normal;
font-weight: 200;
font-family: source-sans-pro;
margin-top: 70px;
margin-left: 0px;
#asideBrochure {
width: 100%;
margin-left: 0;
clear: both;
#asideVideo {
width: 100%;
margin-left: 0;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 100%;
padding-left: 0%;
padding-right: 0%;
clear: none;
float: none;
margin-left: auto;
#top {
.tagline {
width: 100%;
clear: both;
margin-left: 0;
#mainNav {
background-color: #30434D;
background-repeat: repeat-x;
#navMenu {
clear: both;
margin-left: 0;
position: static;
#menuChoices {
margin-left: 0;
clear: both;
width: 100%;
position: static;
height: auto;
.menuItem {
width: 13%;
margin-left: 1.8867%;
text-align: center;
float: left;
clear: none;
height: 35px;
vertical-align: middle;
display: block;
#div2 {
#SubHead {
position: static;
height: auto;
width: 100%;
#mainSubHead {
clear: both;
margin-left: 0;
position: static;
height: auto;
width: 100%;
#div3 {
width: 100%;
#promoBlocks {
#div4 {
clear: both;
margin-left: 0;
width: 100%;
#PromoBlocks {
float: left;
display: block;
text-align: center;
position: static;
height: auto;
width: 100%;
margin-left: 0;
.PromoItem {
clear: both;
display: block;
text-align: center;
padding-left: 0px;
float: left;
margin-left: 25%;
width: 400px;
.PromoButtons {
display: block;
height: 30px;
background-color: #3192D8;
line-height: 30px;
clear: both;
margin-left: 0;
width: 100%;
#mainContent {
width: 100%;
clear: both;
margin-left: 0;
float: left;
position: static;
height: auto;
.content {
.contentStyle {
width: 88.6792%;
margin-left: 0;
#mainAside {
width: 100%;
margin-left: 0;
position: static;
height: auto;
#mainFooter {
#footerLogo {
#footerInfo {
margin-left: 25px;
#asideBrochure {
width: 32.0754%;
margin-left: 1.8867%;
clear: right;
float: left;
#asideVideo {
width: 43.3962%;
margin-left: 0;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 100%;
max-width: 1920px;
padding-left: 0;
padding-right: 0;
margin: auto;
clear: none;
float: none;
margin-left: auto;
#top {
.tagline {
width: 79.3103%;
margin-left: 1.2987%;
clear: none;
#mainNav {
background-color: #30434D;
background-repeat: repeat-x;
#navMenu {
margin-left: 1.2987%;
clear: none;
position: static;
#menuChoices {
display: block;
height: auto;
clear: both;
margin-left: 0;
width: 100%;
position: static;
.menuItem {
width: 14.2857%;
margin-left: 1.2987%;
clear: none;
height: 30px;
line-height: 35px;
text-align: center;
background-size: auto 35px;
display: block;
padding: 0px;
#top img {
text-align: left;
background-repeat: no-repeat;
float: left;
margin-left: 10px;
#div2 {
#SubHead {
position: static;
margin-left: auto;
height: auto;
/* [disabled]width: 1000px; */
top: 586px;
left: 0px;
#mainSubHead {
margin-left: 0;
clear: both;
position: static;
height: auto;
width: 100%;
#div3 {
width: 100%;
#promoBlocks {
#div4 {
margin-left: 1.2987%;
clear: none;
width: 29.8701%;
#PromoBlocks {
margin-left: 0;
position: static;
height: auto;
width: 100%;
.PromoItem {
width: 29.8701%;
margin-left: 1.2987%;
clear: none;
.PromoButtons {
display: block;
height: 30px;
background-color: #3192D8;
line-height: 30px;
width: 100%;
margin-left: 0;
#mainContent {
clear: both;
margin-left: 0;
position: static;
height: auto;
width: 100%;
.content {
.contentStyle {
width: 45%;
margin-left: 0;
#mainAside {
width: 37.6623%;
position: static;
height: auto;
margin-left: 0;
#mainFooter {
#footerLogo {
#footerInfo {
line-height: 30px;
display: block;
height: 30px;
float: none;
clear: none;
#asideBrochure {
width: 100%;
margin-left: 0;
clear: both;
#asideVideo {
width: 100%;
margin-left: 0;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
.mainSubHead {
color: #FFFFFF;
background-color: #F60;
display: block;
font-family: questrial;
font-size: 30px;
margin: auto;
height: 40px;
line-height: 40px;
font-style: normal;
font-weight: 400;
.mainSubHead {
color: #FFFFFF;
background-color: #F60;
display: block;
font-family: questrial;
font-size: 30px;
margin: auto;
height: 80px;
line-height: 40px;
font-style: normal;
font-weight: 400;
.PromoButtons a:link {
color: #FFFFFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
text-decoration: none;
.PromoButtons a:hover {
color: #FFFFFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
text-decoration: none;
background-color: #30434D;
display: block;
background-size: auto 30px;
Yes, I am using one CSS file for all three media queries... Is this wrong?

Can Tooltips be used with Page View data sets?

Does the Tooltip widget alway look only at {ds_CurrentRowID}
? Since my Tooltip content area is displaying a spry:detailregion
of items in a paged view it will only display data from the first
row of each page.
Is there a way to work around this?
thanks!

use {ds_RowID} instead of current row id?

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 bring Sample CSS Style Sheets into a Template?

I am creating a site from scratch using CS4 Template. Can I incorporate more than one DW Sample CSS Style Sheet? And how do I bring them into the Template site?
Thanks, g

Thank you. I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

Custom css style to region

what solution can i get to style a region with a custom CSS style?
can't I force the HTML region tag (is it a TD, isn't?) to have an ID or a STYLE I choose?
(then i can insert an HTML PORTLET to write the CSS style)

Mylenium wrote:
A caption is its own HTML tag, nothing exclusive to an image.
The HTML <caption> tag can be used only inside a table. It has nothing to do with images. http://www.w3.org/TR/html401/struct/tables.html#edef-CAPTION.
To answer the original question, the way to create a caption for an image is to wrap the image and caption text in a <span> and give the span a class called floatleft or floatright.
<span class="floatleft">
<img src="../images/cape_royal.jpg" alt="Cape Royal"
width="250" height="366" />Grand Canyon at Cape Royal</span>
Then create four style rules:
.floatleft {
float:left;
margin:3px 8px 3px 0;
.floatright {
float:right;
margin:3px 0 3px 8px;
.floatleft, .floatright {
font-weight:bold;
text-align:center;
.floatleft img, .floatright img {
display: block;

How to bring 3 different Sample CSS style sheets into 3 different areas of DW Layout?

I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

You can't bring 3 of the sample CSS style sheets together because there are defined areas like tables and lists and paragraphs that are just being redefined. Then what happens is the browser picks (usually the last set) the instructions it wants to use to display the content. The only way around this is to save a copy of the 3 CSS documents and open them at the same time. Then use one as your master which will be linked to the page and grab colors from the other CSS documents.

Keyboard shortcuts to indivudual CSS styles

Hello!
I have a css style I would like to use through a keyboard
shortcut
I tried the following:
* assign a keyboard shortcut to this style through the
keyboard shortcut menu (CSS-styles section), but there the
individual CSS styles do not show.
* record a command (from the history steps) that assigns
this style and then assign a keyboard shortcut to this new
command from the
commands manu - but user defined commands do not appear
there. in the shortcut assigning
menu
Is there something I did not try and will give me the desired
shortcut?
Thanks

So - I don't think you can apply a custom class with a
keyboard shortcut.
Frankly, if you have zillions of times you have to do this on
a page, then
you are not using CSS most efficiently anyhow.
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
==================
"michaelprem" <[email protected]> wrote in
message
news:fnmjqu$65k$[email protected]..
> Thanks for your reply.
>
>
> > I'm not sure what it is you are trying to do. Can
you explain again,
> > please? Is it that you want the keyboard shortcut
to apply the style to
> > the
> selected
> > element?
>
> Yes. This is what I am trying to do.
>
> Thanks!
> --
> 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
> ==================
>
>
> "michaelprem" <[email protected]> wrote
in message
> news:fnc1q9$cqt$[email protected]..
> > Hello!
> >
> > I have a css style I would like to use through a
keyboard shortcut
> >
> > I tried the following:
> >
> >
>
> assign a keyboard shortcut to this style through the
> > keyboard shortcut menu (CSS-styles section), but
there the
> > individual CSS styles do not show.
>
>
> >
> >
>
> record a command (from the history steps) that assigns
> > this style and then assign a keyboard shortcut to
this new command
> from
> > the
> > commands manu - but user defined commands do not
appear there. in
> the
> > shortcut
> > assigning
> > menu
>
>
> >
> > Is there something I did not try and will give me
the desired
> > shortcut?
> >
> > Thanks
> >
>
>

How to attach a CSS style sheet ?

Hi,
How to attach a CSS Style sheet to a portal page ?
Thanks for your help,
Jean-Christophe

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

Css style class can't be used in Page Fragment?

Similar Messages

Maybe you are looking for