Applying object style to all objects in a project?

In Cp4, it was possible to change the style of an object and then apply those changes throughout the entire project.
How is this accomplished in Cp5?
I have set up a default style for captions but it seems like I can only change the style of individual captions (one at a time) in the properties of each caption.
Is there a hidden "apply to all" feature in Cp5?
Thank you

Hello Lilybiri,
I really tried to follow your example but it simply did not work for me.
>Supposing I already have a lot of Text Captions and decide to change their style, which can include font,
>caption style, alignment, colors....
Yes.
>All Text Captions up to that moment did use the Default Caption Style as it was set in
>the Object Style Manager...
>If you want to change object styles for future projects you have to set them in the
>Object Style Manager without any project opened.
This is problem one. I have one standard caption style for all my courses. I have changed the default in the Object Style Manager with and without a project opened. The change simply doesn't stick! Additionally, I have exported a new style to a .cps.
Let me pick through your instructions:
1. First, I open a project.
2. I open the Object Style Manager and notice that the default caption style is back to the original Adobe default (Adobe blue).
3. I import my new caption style. The style is called NewTextCaptionStyle.
4. On the first slide, I select the first text caption (in Adobe Blue).
>I then change one Text Caption to the new style and a + sign appears next to the
>Default Caption Style as you can see in the screenshot.
How do you come to that? The moment I go to the first slide and select the first text caption, it already shows: "+[Default Caption Style]" I have not changed the caption style yet. If I select my desired caption style (NewTextCaptionStyle) from the pull down menu, there is no "+" symbol. I cannot follow this step.
In an attempt to interpret your instructions, I went back to the Object Style Manager and changed the default caption style to what I need.
Okay, now the [Default Caption Style] is exactly what I require.
Back at the first slide, I select the first caption (which is still Adobe Blue). Now, I can follow your first step.
>There are 2 quick ways to proceed now:
>1. If you will not use the original Default Caption Style anymore in this project (it will have no consequences
>for other projects), use the Save icon (yellow highlighted) to save the changes and have a new
>Default Caption Style that will automatically be applied to all Text Captions that are already created and
>new Text Captions will get the same style too.
I will follow your first method.
1. I select the Save icon. [Save Changes to Existing Style]
... it doesn't work. ????
I wonder... the project that I am working with were converted from Cp4 recordings. I wonder if that is causing my grief?

Similar Messages

Mouse Pointer resizes when applying pointer style to all

When Captivate records my SW demo, it uses up to three different mouse pointer styles at different times (Haven't quite figured out what the protocol is). I really don't like this and would like only one style used (the hand). So when I right click on the hand pointer on a slide, and choose "Use the current mouse pointer for all slides," any pointer that was automatically changed to the hand pointer is much smaller (shrinked by 50%) and I still have to end up manually selecting the hand pointer for each one.
Does anyone know why this is happening?
Is there a way to select a default or standard pointer to be used at all times?
TIA,
Vicky
Captivate 8 user

Here's the shortest code with the problem I could come up with.... You can run it if you create two different default paragraph styles: 'Product - Description' and 'Product - Title No Indent';
The problem is that the first line should have 'Product - Description' style, but it instead it gets 'Product - Title No Indent'.
If I comment out one of the paragraphs, everything works fine. What's wrong?
var doc = app.documents.add(),
    product, text_frame, i, l;
product = {
    'text': [
            'style': 'Product - Description',
            'text': 'Designed for monitoring sterilization processes.'
            'style': 'Product - Title No Indent',
            'text': 'Designed for monitoring sterilization processes.'
            'style': 'Product - Description',
            'text': 'Designed for monitoring sterilization processes.'
text_frame = doc.pages[0].textFrames.add();
text_frame.geometricBounds = [ '0pt', '0pt', '240pt', '300pt'];
for ( i = 0, l = product.text.length; i < l; i++ ) {
    text_frame.contents += "\r" + product.text[i].text;
    text_frame.parentStory.paragraphs[-1].appliedCharacterStyle = doc.characterStyles[0];
    text_frame.parentStory.paragraphs[-1].applyParagraphStyle(
        doc.paragraphStyles.item( product.text[i].style )

Applying paragraph style to a single paragraph affects all previous paragraphs

Hey,
I'm trying to create a script that would take an array of text objects that describe what the text and style of a particular line of text is. And in some lines to apply Character Styles as well.
The problem is that, while the script works when the loop is in the character styles "mode", it seems to apply the paragraph styles to all the previous lines of text when the aforementioned object asks it to apply only the paragraph style (no character styles).
The offending line is this:
if ( typeof line.text == 'string' ) {
    frame.contents += "\r" + line.text;
    frame.parentStory.paragraphs[-1].appliedCharacterStyle = doc.characterStyles[0];
    frame.parentStory.paragraphs[-1].applyParagraphStyle(style);
    continue;
I even copied the style-apllying lines from the Character-Styles-applying section of the script (the else part), but it still applies the style to all the previous lines of text. The script below is the full code I have I long with one of the objects that text data. If I comment out the "offending lines" mentioned above, the script applyes all the styles correctly. Otherwise, only the last line (the Product - Description style) is applied, while all the previous lines attain the 'Spacer' style.
Can anyone see what I'm doing wrong? (sorry for the giant piece of code, but I can't pin-point what's not relevant here).
    'text': [
            'style': 'Product - Title No Indent',
            'text': [
                'Test Product',
                    'style': 'Superscript',
                    'text': '®'
                ' Title'
        { 'style': 'Spacer', 'text': ' x' },
        { 'style': 'Spacer', 'text': ' x' },
        { 'style': 'Spacer', 'text': ' x' },
            'style': 'Product - Description',
            'text': ['Designed for monitoring steam sterilization processes.']
function add_text_to_frame (frame, product) {
    var i, l, j, k, line, style, line_styles, char_style, line_text, bit;
    for ( i = 0, l = product.text.length; i < l; i++ ) {
        line = product.text[i];
        style = doc.paragraphStyles.item( line.style );
        if ( typeof line.text == 'string' ) {
            frame.contents += "\r" + line.text;
            frame.parentStory.paragraphs[-1].appliedCharacterStyle = doc.characterStyles[0];
            frame.parentStory.paragraphs[-1].applyParagraphStyle(style);
            continue;
        else {
            line_styles = new Array();
            line_text = '';
            for ( j = 0, k = line.text.length; j < k; j++ ) {
                bit = line.text[j];
                if ( typeof bit == 'string' ) {
                    line_text += bit;
                else {
                    line_styles.push({
                        'start': line_text.length,
                        'end': line_text.length + bit.text.length,
                        'style': bit.style
                    line_text += bit.text;
            frame.contents += "\r" + line_text;
            frame.parentStory.paragraphs[-1].appliedCharacterStyle = doc.characterStyles[0];
            frame.parentStory.paragraphs[-1].applyParagraphStyle(style);
            for ( j = 0, k = line_styles.length; j < k; j++ ) {
                char_style = doc.characterStyles.item(line_styles[j].style);
                frame.parentStory.paragraphs[-1].characters.itemByRange(
                    line_styles[j].start,
                    line_styles[j].end
                ).applyCharacterStyle(char_style, true);

Here's the shortest code with the problem I could come up with.... You can run it if you create two different default paragraph styles: 'Product - Description' and 'Product - Title No Indent';
The problem is that the first line should have 'Product - Description' style, but it instead it gets 'Product - Title No Indent'.
If I comment out one of the paragraphs, everything works fine. What's wrong?
var doc = app.documents.add(),
    product, text_frame, i, l;
product = {
    'text': [
            'style': 'Product - Description',
            'text': 'Designed for monitoring sterilization processes.'
            'style': 'Product - Title No Indent',
            'text': 'Designed for monitoring sterilization processes.'
            'style': 'Product - Description',
            'text': 'Designed for monitoring sterilization processes.'
text_frame = doc.pages[0].textFrames.add();
text_frame.geometricBounds = [ '0pt', '0pt', '240pt', '300pt'];
for ( i = 0, l = product.text.length; i < l; i++ ) {
    text_frame.contents += "\r" + product.text[i].text;
    text_frame.parentStory.paragraphs[-1].appliedCharacterStyle = doc.characterStyles[0];
    text_frame.parentStory.paragraphs[-1].applyParagraphStyle(
        doc.paragraphStyles.item( product.text[i].style )

Script for applying object style to only tif, or eps or...(by extension)

We need to apply object style to only eps files in doc, or tif.... How to do this? Maybe someone have a script?
thanks

@kajzica – I don't have a script for that, but it is scriptable. You surely mean that you want to apply the object styles to the container frame of the images, aren't you?
A few minutes later – try the following ExtendScript (JavaScript) code:
You could edit the names of the two object styles at the beginning of the script code.
OR: you could first run the script, the script will add two object styles to the document that you can edit afterwards.
The script will sort the EPS and the TIFs from the other image types.
Make sure that all graphics are up-to-date and linked correctly!!
//ApplyObjectStylesTo_ContainersOf_TIF_EPS.jsx
//Uwe Laubender
* @@@BUILDINFO@@@ ApplyObjectStylesTo_ContainersOf_TIF_EPS.jsx !Version! Thu Dec 12 2013 13:15:30 GMT+0100
//Edit your style names here. Change the name between the two " " only!!
//OR: edit your object styles in InDesign after running the script.
var styleNameForEPS = "EPS-Containers-Only";
var styleNameForTIF = "TIF-Containers-Only";
app.scriptPreferences.userInteractionLevel = UserInteractionLevels.interactWithAll;
app.doScript(_ApplyObjectStylesToContainers, ScriptLanguage.JAVASCRIPT, [], UndoModes.ENTIRE_SCRIPT, "Apply object styles to containers for TIF and EPS graphics");
function _ApplyObjectStylesToContainers(){
var d=app.documents[0];
var allGraphicsArray = d.allGraphics;
if(!d.objectStyles.itemByName(styleNameForEPS).isValid){
    d.objectStyles.add({name:styleNameForEPS});
if(!d.objectStyles.itemByName(styleNameForTIF).isValid){
    d.objectStyles.add({name:styleNameForTIF});
for(var n=0;n<allGraphicsArray.length;n++){
    //The EPS case:
    if(allGraphicsArray[n].getElements()[0].constructor.name === "EPS"){
        allGraphicsArray[n].parent.appliedObjectStyle = d.objectStyles.itemByName(styleNameForEPS);
    //The TIF case
    if(allGraphicsArray[n].getElements()[0].constructor.name === "Image" && allGraphicsArray[n].getElements()[0].imageTypeName === "TIFF"){
        allGraphicsArray[n].parent.appliedObjectStyle = d.objectStyles.itemByName(styleNameForTIF);
}; //END: function _ApplyObjectStylesToContainers()
Uwe

[IDCS2] Trouble applying object styles

I'm trying to apply an object style to a page item but I'm not having any success.<br /><br />I'm using IObjectStylesFacade::ApplyObjectStyleToUIDList to apply the style. <br />The style UID is coming from the IStyleNameTable/IID_IOBJECTSTYLENAMETABLE in the doc workspace using FindByName, the UIDList argument contains a kMultiColumnItemBoss (I needed to navigate down from a kSplineItemBoss to get it... this seems legitimate from the layout chapter in the docs), and I'm getting the K2Vector<ClassID> of categories from IObjStylesAttrCategoriesList::GetApplyCategories (I've tried an empty list as well).<br /><br />ApplyObjectStyleToUIDList returns with kSuccess, but the page item always ends up with the style "None". I've tried a few other things (mostly regarding which page item is passed through the UIDList) but nothing has changed. Is there anything clearly wrong with my approach? I'm doing the same thing in CS3 and haven't had any problems, strangely.

It looks like I was attempting to apply the style to a kMultiColumnItemBoss. The target should be a kSplineItemBoss. I thought I was doing this originally, but I must've been mistaken since it's working now with that change.

Find inline objects and apply object styles...

Hi Eveyone,
I am trying to find placed inline rules and apply object styles through javascript. Because we need some baseline shift to those rules. I getting some error while find the rules. FInd the syntax below,
app.findObjectPreferences=app.changeObjectPreferences=null;
app.findChangeObjectOptions.properties =
objectType: ObjectTypes.unassignedFramesType
app.findObjectPreferences.strokeWeight=1;
app.changeObjectPreferences.appliedObjectStyles=app.activeDocument.objectStyles.item("WOL" );
app.activeDocument.item(0).changeObject();
Can anyone look into this help for me. Thanks in advance.
Regards
Thiyagu

Hi Dave,
I have tried the script after removing "s" in it. Now i am getting error like "object doesn't support the property or method 'appliedObjectStyle'". Please look into this and help me out. Herewith i attached the 'error' dialog snapshot.
When i tried this in loop its working fine. Find the script below.
app.findObjectPreferences=app.changeObjectPreferences=null;
app.findChangeObjectOptions.properties =
objectType: ObjectTypes.unassignedFramesType
app.findObjectPreferences.strokeWeight=1;
myFindObj=app.findObject(true);
for(i=0;i<myFindObj.length;i++){
myFindObj[i].appliedObjectStyle=app.activeDocument.objectStyles.item("WOL");
alert ("DONE!");
Regards
Thiyagu

Apply text styles to multiple objects

Hey everyone,
So here's another interface issue I can't seem to resolve.
I've figured out how to save a text's style to be applied later (thanks Qbert), but now how do I apply that style to multiple text items without having to go to each individual item, press the text tab in the inspector, press the style sub-tab, press the style preset drop menu and press the saved preset I want to use. I have 7 project files each with 5-8 text items that need this particular style applied to it and it would be much faster to be able to do this once for each project file rather than have to repeatedly do these 5 steps for each text item. I've already tried highlighting all of the text items I want to apply this style to and there is no way to drag anything into or out of the style sub-menu.
Thanks in advance.
-G

Hey Graham,
Your question got answered on the other thread here.

Applying style to all TextBoxes in a Grid?

<Style x:Key="InputTBStyle" TargetType="TextBox">
<Setter Property="Background" Value="LightYellow"/>
<Setter Property="Width" Value="100"/>
</Style>
I have defined the style in the Applicatoin.Resource. I could apply the style to each textbox in a grid like so:
<TextBox Style="{DynamicResource InputTBStyle}" x:Name="PdTxtbox" HorizontalAlignment="Left" Height="23" Text="10" Grid.Row="2" Grid.Column="1"/>
But I am looking for a way that I could applying it to all the Textboxes in a Grid in one go (if possible)?
Note: Without sacrificing efficiency and memory.

You could add a style without an x:Key that is based on InputTBStyle to the resources section of the Grid:
<Grid>
<Grid.Resources>
<Style TargetType="TextBox" BasedOn="{StaticResource InputTBStyle}"/>
</Grid.Resources>
<TextBox/>
<TextBox/>
</Grid>
Please remember to mark helpful posts as answer and/or helpful.

Getting ALL applied Character Styles in a paragraph

I'm trying to get all applied Character Styles of a paragraph in a InDesign CS2 Document.
With myParagraph.appliedCharacterStyle I just get the first but not all applied Charcter Styles.
Is there a possibility to get them?
greets
st

If they're applied directly and not by nested style, then you should examine the appliedCharacterStyle of each TextStyleRange in the paragraph.
If they're applied by nested style, you have to do a lot more work.
Dave

How do I Apply the Same Style to All Frames of a GIF Animation

Making a simple GIF. I have 8 Frames. Each Frame is a seperate Layer. I want to stroke all the frames in one shot. How can I do that?? Thanks

thanks. I'll give some of that a try. I'm assuming I can apply a stroke to all the layers just by selecting them all and then doing Edit > Stroke (I think that's where strok lives, I'm not in front of Photoshop at the moment.) I don't understand "reapply those layers as frames", but I'll see if I can figure it out. Thanks for your reply. I really appreciate it.

Why doesnt applies table style?

Give, pls a hint (again ;))
I plan to format table entirely (table style, all cells style, para body style, para header style and cell header style)
I stared with:
Set MyInd = CreateObject("InDesign.Application.CS3")
Set myDoc = MyInd.ActiveDocument
Set myPage = myDoc.Pages.Item(1)
MyInd.Paste '(get clipboard from word-table)
Set myStory = myDoc.Stories.Item(1)
Set myParagraph = myStory.Paragraphs.Item(1)
Set myTable = myParagraph.Tables.Item(1)
On Error Resume Next 'for debugging purpose
myTable.Rows.Item(1).RowType = idRowTypes.idHeaderRow
On Error GoTo 0
'myTable.AppliedTableStyle = "Table Style Body"
i work, but don't overrides
'myTable.AppliedCellStyle = "Table Style Body" '''the same
myTable.ApplyStyle "Table Style Body", True
i override, but "OBJECT DOESNT support!"
myTable.ApplyStyle "Cell Style Body", True 'the same
How to apply table style to whole table? (how to script correctly?)
Thanks

Yes.
I wrote like this:
kk = myTable.Columns.Count
With myTable
Call .Cells.ItemByRange(.Cells.Item(1), .Cells.Item(-1)).Item(-1).ClearCellStyleOverrides
Call .ClearTableStyleOverrides
Set mySel = .Cells.ItemByRange(.Cells.Item(1), .Cells.Item(-1)).Item(-1) 'for all table
Set mySelH = .Cells.ItemByRange(.Cells.Item(1), .Cells.Item(kk)).Item(-1) 'for only header
End With
myTable.AppliedTableStyle = "Table Style Body"
mySel.AppliedCellStyle = "Cell Style Body"
mySelH.AppliedCellStyle.AppliedParagraphStyle = "Table body"
mySelH.AppliedCellStyle = "Cell Style Head"
mySelH.AppliedCellStyle.AppliedParagraphStyle = "Table Head"
So we can apply parastyles only for object "cell", not for "table"?
So we must have specified range of cells for working with?
Thanks.

Custom CSS-Applying selected background for all the cols in the report

Hi,
I am trying to set a particular background for all the columns in the report(not for all the projects,so that I can avoid option of manually setting background color for complete report.For this I thought custom CSS is best option.So edited custom.css(C:\OBI11g_Middleware\Oracle_BI1\bifoundation\web\app\res\s_blafp\b_mozilla_4) file with below code and went to the Answers-> Criteria->Choose Column->style-> check "Use Custom CSS Class"->MyCell
Code used in custom.css
.MyCell { background-color: #00ff00; font-style:italic; font-weight: bold;}
Somehow I dont see the background color applied to any of the columns in report.Can anyone had successful attempt of this Custom CSS.Thanks in Advance.

I am trying both the solutions.
User 979493,
I started manually writing the code instead of pasting and almost worked.In the mentioned below paths I dont have custom.css file,so I created one and manually entered below code.But does it work for only that particular column and not for all the columns.Is it supposed to work for all the columns or just that column.
For example: I have 2 cols in the report,I used "Use Custom CSS Class" -> MyCell for the first column and when I ran results it shows background color for only col1 and not for col2.I thought this feature will apply background color for all the columns in the report.Please correct me if I am wrong.
custom.css file content:
.MyCell{background-color: #00ff00;font-style:italic;font-weight:bold;}

How to apply different styles to multiple spry accordian panels?

Hi all,
I have a website that I'm building that has multiple spry accordian features on it.
I am trying to apply different styles to each accordian. A problem arises when I try to place an accordian within another accordian.
I have styled two different background images for two of the accordians for the styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) which work fine.
When I try and place an accordian within another accordian the background image for this accordian for the styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has the different style applyed that I stated in the accordion.css file, however the style (AccordionPanelTabHover) has the same style as the accordian it is within even though in the accordion.css file I stated a different background image.
I hope all this makes sence below is my source and CSS Code.
I appriciate any help that can be given to help resolve this issue I am running in too.
Source Code
<div id="content">
<p><span class="first_header_word_packages">Welcome</span> <span class="header_word_packages">to our packages page</span></p>
<p class="content_txt">Here you can build the website package that matches your business needs as well as being able to work out the cost of your site without having to worry about scary hidden costs at a later date.</p>
<p class="content_txt"> We have two packages available for our customers;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
   <p>Text Goes Here</p>
    <div id="Accordion2" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
    <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
         <p>Text Goes Here</p>
      <div id="Accordion4" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
     <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
</div>
CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
          border-left: solid 1px gray;
          border-right: solid 1px black;
          border-bottom: solid 1px gray;
          overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
          margin: 0px;
          padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
          background-color: #CCCCCC;
          border-top: solid 1px black;
          border-bottom: solid 1px gray;
          margin: 0px;
          padding: 2px;
          cursor: pointer;
          -moz-user-select: none;
          -khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
          overflow: auto;
          margin: 0px;
          padding: 0px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
          background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
          color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
          color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
          background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
          background-color: #33CCFF;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg1.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg1_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry1.png);}
#Accordion2 .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry1_ro.png);}
#Accordion3 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg2.png);}
#Accordion3 .AccordionPanelTabHover,
#Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg2_RO.png);}
#Accordion4 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry2.png);}
#Accordion4 .AccordionPanelTabHover,
#Accordion4 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry2_ro.png);}

Okay guys,
I figured it out, if anyone was having the same problem as me and looking on this thread for the answer, here it is.
Firstly if you're wanting to seperatly style two or more Spry Accordions that are not within each other e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
You don't have to do this, as long as you have seperate ID's for the divs (which dreamweaver automatically does anyway) you'll be fine.
However if for some reason you want to put one accordion inside another like I did e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
</div>
</div>
</div>
Too style Accordian 1 & 2 so their tabs both have different backgrounds and Hover background when the content panel is open and closed you have to style it in the CSS they following way;
CSS
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry.png);}
#Accordion2 .AccordionPanelClosed .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
height:44px;
width:469px;
background:url(../images/packages_spry_ro.png);}
Normally when styling two seperate spry accordions you can just use the following code
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
The only difference with styling a Spry accordion within another to ensure they have different hover backgrounds when the content panel is open and closed is ".AccordionPanelClosed".
Hope this helped anyone who was having the same issue I was.

Having problem with applying layer style "stroke" to group

- Windows 8.1 / 64bit
- i3-4150 / 4GB / Geforce GTX 750 TI
- Photoshop CC 2014
Hi!
I don't know why, but there is some problem that applying layer style "stroke" to group.
When i make a group with some layer and apply to group a layer style-stroke with inside option,
the strokes looks like grid are generated inside.
Why i said that stroke cross to ㅎrid, because it looks like grid if i make that group bigger.
(that black square is 'Rectangle 1' layer. Just resizing bigger than before)
Does anyone have same problem with me?
Please, I need your help..

pillfish wrote:
I am having the same problem. it happens every time in cc and cc 2014. I am back using cs6. Which seems to run better on the whole.
That's interesting. And this is happening with CC and CC 2014? Do you have all the updates for the Photoshop CC versions?
I've just tried to duplicate it without success, (windows 7, GTX570) so I wonder if there is a condition that triggers it? Unfortunately, with this being such an old thread, the only person still around is R Kelly.
OK, I just thought to try it on my Cintiq Companion 2, which has Windows 8.1 and Intel 5100, and the bug occurred. I actually got as far as firing up my Win 8.1 laptop before remembering that I had to sign out of CC to put it on my Cintiq, so I only have CS6 on it.
Anyway.... looks like the bug is still there. Are you using Win 8.1?

FIND/CHANGE - Applying Paragraph Style

Hello,
I used FIND/CHANGE to apply my paragraph style and when I apply the paragraph style... it applies the style to the entire line.
For example,
A. #70712 resulted to A. #70712
I only wanted the "#70712" to be changed to my style. I used the GREP search and entered #.+ and then I choose the paragraph style I want and clicked change all. The problem is that it changed all the text on that line and applied the paragraph style.
Please help. Thank you very much.

graphicsoc wrote:
Hello,
I used FIND/CHANGE to apply my paragraph style and when I apply the paragraph style... it applies the style to the entire line.
For example,
A. #70712 resulted to A. #70712
I only wanted the "#70712" to be changed to my style. I used the GREP search and entered #.+ and then I choose the paragraph style I want and clicked change all. The problem is that it changed all the text on that line and applied the paragraph style.
Please help. Thank you very much.
If I understand your request correctly:
If your paragraph style uses a numbered list to create the "A." and the remainder of the paragraph consists of only "# 70712" that you type in manually (or place from an existing file), I believe that you you don't need GREP. You can format the auto-numbered list differently from the remainder of its paragraph, by specifying a character style for the number portion.
To extract only the non-numbered portion of an auto-numbered paragraph, for a TOC, in the Table of Contents dialog box, open the bottom part by clicking More Options if necessary, and in the Numbered Paragraphs pull-down menu, select Exclude Numbers.
Read more about Table of Contents in Help, and/or with a Google search for terms like "InDesign table of contents numbered list exclude numbers" without quotes.
If you need additional special formatting "tricks" in the source paragraphs, or in the TOC entry paragraphs, look into Nested Styles and GREP
Styles in Help or Google searches.
HTH
Regards,
Peter
Peter Gold
KnowHow ProServices

Applying object style to all objects in a project?

Similar Messages

Maybe you are looking for