Similar Questions

• My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

  Hello

  I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

  Vincent

  < title > Stargazer / < /title >
  	<!-"bootstrap"->
  	"< link href="css/bootstrap.css" rel="stylesheet">" "
  	"" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
  	<! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
  	<!-WARNING: Respond.js does not work if you view the page via file://-->
  	<!-[if lt IE 9] >
  	" < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
  	" < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
  	<! [endif]-->
  	< / head >
  	< body >
  	"< div class="container-fluid" id="wrapper">" "
  	"< nav class="navbar, navbar - default">".
  	"< div class="container">".
  	<

  ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

  The cause of the problem is not attached jQuery library.

  Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

• How to apply different styles to several spry accordion panels?

  Hi all

  I have a site I'm building that has several functions that spry accordion.

  I try to apply different styles to each accordion. A problem arises when I try to place an accordion in an another accordion.

  I have style two images of different background for both of the accordians for styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) that work very well.

  When I try and place an accordion in an another accordion background image for this Accordion for styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has different style applied that I said in the accordion.css folder, however the style (AccordionPanelTabHover) has the same style as the accordion, it's breast, even if I said a background image in the accordion.css file different.

  I hope this makes sence, below is my source and the CSS Code.

  I appriciate any help that can be given to help solve this issue I'm running too.

  Source code

  < div id = "content" >

  < p > < span class = "first_header_word_packages" > welcome </span > < span class = "header_word_packages" > on our page of packages </span > < / p >

  < class p = "content_txt" > here you can build the package Web site that meets your needs while being able to determine the cost of your site without having to worry about the scary hidden costs at a later date. < /p >

  < class p = "content_txt" > we have two packages available for our clients; < /p >

  < div id = "Accordion1" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion2" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion2 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion2->

  < / div > <! - end #Accordion1 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion1->

  < div id = "Accordion3" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion4" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion4 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion4->

  < / div > <! - end #Accordion3 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion3->

  < / div > <!-end #content->

  CSS

  @charset "UTF-8";

  / * SpryAccordion.css - version 0.5 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  / * This is the selector for the main container of the accordion. For our style by default.

  * draw us left, right and bottom borders. The upper edge of the accordion

  * is made by the first AccordionPanelTab which never moves.

  *

  * If you want to limit the width of the Accordion widget, set a width

  * the accordion container. By default, our accordion expands horizontally to fill

  * a space available.

  *

  * The name of the class ("accordion") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style the

  * Accordion container.

  */

  . Accordion {}

  border-left: 1px solid gray;

  border-right: 1px solid black;

  border-bottom: 1px solid gray;

  overflow: hidden;

  }

  / * This is the selector for the AccordionPanel container which houses the

  * tab panel and panel content area. It is not make it visually, but we

  * ensure that it has zero margin and padding.

  *

  * The name of the class ("AccordionPanel") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of accordion panel.

  */

  . {AccordionPanel}

  margin: 0px;

  padding: 0px;

  }

  / * This is the selector for the AccordionPanelTab. This container houses

  the Panel personnel. It is also the container where the user clicks

  * to open a specific panel.

  *

  * The name of the class ("AccordionPanelTab") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of Accordion Panel tab.

  *

  * NOTE:

  * This rule uses the - moz-user-select and - khtml-user-select properties to prevent the

  * the user to select the text in the AccordionPanelTab. Here is the browser owner

  properties that only work in Mozilla browsers (such as FireFox) and KHTML

  * browsers (such as Safari), so they will not pass the W3C validation. If you want your documents to

  * validate and don't care if the user can select text in an AccordionPanelTab.

  * You can remove these properties without affecting the functionality of the widget.

  */

  . {AccordionPanelTab}

  background-color: #CCCCCC;

  border-top: 1px solid black;

  border-bottom: 1px solid gray;

  margin: 0px;

  padding: 2px;

  cursor: pointer;

  -moz-user-select: none;

  -khtml-user-select: none;

  }

  / * This is the selector for the content area of a Panel. It is important to note that

  * You should never put any padding on the content area of the group if you plan to

  * use the animations of accordion panel. Place padding non-zero on the content

  * area can cause accordion suddenly increase in height, while signs alive.

  *

  * Anyone who styles an accordion * MUST * specify a height on the Accordion Panel

  * Content container.

  *

  * The name of the class ("AccordionPanelContent") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of the accordion panel content.

  */

  . {AccordionPanelContent}

  overflow: auto;

  margin: 0px;

  padding: 0px;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open. The "AccordionPanelOpen" class is added and removed programmatically

  * to panels as long as the user clicks on the tabs in the accordion.

  */

  . AccordionPanelOpen. {AccordionPanelTab}

  background-color: #EEEEEE;

  }

  / * This is an example of how to change the appearance of the tab of the Panel as the

  * mouse passes over it. The "AccordionPanelTabHover" class is added programmatically

  * and removed containers tab panel as the mouse enters and leaves 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 class "AccordionFocused" is programmatically added and removed

  * whenever the accordion wins or loses the keyboard focus.

  */

  . AccordionFocused. {AccordionPanelTab}

  background-color: #3399FF;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open when the accordion is in focus.

  */

  . AccordionFocused. AccordionPanelOpen. {AccordionPanelTab}

  background-color: #33CCFF;

  }

  / * Printing rules * /.

  @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) ;}

  
  

  Good guys.

  I thought about it, if someone had the same problem as me and a look at this thread for the answer, here it is.

  Firstly if you are wanting to separately style two or more Spry accordions that are not on the other example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Do not do this, as long as you have separate ID's for the div (which dreamweaver automatically anyway), you will be fine.

  However if for some reason, you want to put one accordion inside another like I did for example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Too style accordion 1 and 2 so their tabs have different origins and Hover background when the content panel is open and closed you need to style it in CSS that they follow the path;

  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 in styling two separate spry accordions, you can simply 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 the style one Spry Accordion in another so that they have different horizons stationary when the content panel is open and closed ".» AccordionPanelClosed ".

  Hope this has helped someone who had the same problem, I was.

  
  

• How to apply several styles of one-sentence paragraphs?

  I'm using paragraph styles, but is not useful because I am applying 2 different styles in the same sentence that does not work.

  To make it work, I selects the sentence, apply the style, for example 'xfont-regular"then I select the word in the sentence that I want to have a different style and I choose in the list perhaps italic police so that it looks like 'something like this'

  Of course, in doing so, I lose all the benefits of the use of styles p and of course, it's so your time. Is it possible to break down the sentence, now in the same line, so that I can apply different styles to it? and always keep the benefits to go just to styles and make the changes to the entire document that this style is applied.

  Thank you

  pchinique wrote:

  I'm using paragraph styles, but is not useful because I am applying 2 different styles in the same sentence that does not work.

  To make it work, I selects the sentence, apply the style, for example 'xfont-regular"then I select the word in the sentence that I want to have a different style and I choose in the list perhaps italic police so that it looks like 'something like this'

  Of course, in doing so, I lose all the benefits of the use of styles p and of course, it's so your time. Is it possible to break down the sentence, now in the same line, so that I can apply different styles to it? and always keep the benefits to go just to styles and make the changes to the entire document that this style is applied.

  Thank you

  As Diane King mentioned, nested character styles may work for your need. His example was an initial capital of fall (multiline first one or several letters of a paragraph.) Dropped caps are a particular type of nested style - always the very first one or more characters in a paragraph, high on two or more lines.

  To use the general type of nested style, you must be able to identify the words in the paragraph which gets the nested character style. For example, the third word, or the first two words after the first semicolon. If there is no model of Word (s) that can be identified by the post office or the sequence, it is possible that a GREP style can be used to find a common pattern of characters and apply a style of character to it, for example a phone number, the date, or the amount of currency that is identified by a dollar sign book, or yuan.

  Search Help for InDesign and Google "Style nested InDesign', 'InDesign grep Style' and similar (without the quotes) terms for more details. There has been many discussions of GREP on this forum.

  HTH

  Kind regards

  Peter

  _______________________

  Peter gold

  Know-how ProServices

     

• How to apply a style object with attributes

  Hi all
  I'm working on InDesign CS4 plugin. and to apply the style to the object on the page elements.
  When I apply the style of the object to the page element, only an object style is applied to these elements on the page, but do not ask for its attribute.
  for example, TextFrameObjectStyle that have the stroke value 8, while TextFrameObjectStyle is appying but stroke value does not apply.
  The source code which I use as follows;
  ------------------------------------------------------------------------------------------ -----------------------------------------------------------------------------

  IStyleGroupManager InterfacePtr < IStyleGroupManager > (document-> GetDocWorkSpace(), IID_IOBJECTSTYLEGROUPMANAGER);

  ObjectStyleUID UID = iStyleGroupManager-> FindByName (inStyleNameStr);

  InterfacePtr < ICommand > applyObjectStyleCmd(CmdUtils::CreateCommand(kApplyObjectStyleCmdBoss));)

  IUIDData InterfacePtr < IUIDData > (applyObjectStyleCmd, UseDefaultIID());

  iUIDData-> Set (db, objectStyleUID);

  applyObjectStyleCmd-> SetItemList (splineUIDList);

  CmdUtils::ProcessCommand (applyObjectStyleCmd);

  ------------------------------------------------------------------------------------------ --------------------------------------------------------------------------------

  Please let me know if I'm missing something else?

  Kind regards

  Jitendra

  Get IObjectStylesSuite of ISelectionManager and use of ApplyObjectStyle

  Thanks and greetings

  Saurabh Singhal

  SR. InDesign developer

  [email protected]

• How quickly apply a style that is located in a group of style?

  I'm just trying apply a style to a table cell. Imagine myRow has been set for the row in the table, I work with, and My Fancy Style is the cell style that I created in my InDesign document.

  myRow.cells.item (0) .appliedCellStyle = "My Fancy Style."

  apply apparently this style quickly and without fuss. But now, if I created a style Group called fancy Styles through the InDesign user interface, and put my cell Style fancy inside, so I don't know any way to call directly as a string of text. It is possible somehow as:

  myRow.cells.item (0) .appliedCellStyle = "Styles of fantasy / My Fancy cell Style ';"

  of course I know does not work. I ask if there is a way as to make what I hope. Thank you!

  Why not just

  myStyle = app.documents [0].cellStyleGroups.item ("fancy Styles'). cellStyles.item ("Fancy cell Style");

  Peter

• How to apply the Style to some words in a paragraph (or table)?

  I have a table with the #'s. Some numbers have a note marked with an asterisk.

  For example:

  A01-121600

  A01-121602

  A01-121608 *.

  A01-121610

  A01-121611 *.

  And in this table, there are hundreds of part # s with some with reference asterisks scattered through. I wish that the asterisks to be red in color and a smaller font size. So I created a character style to reflect that.

  So, my question is there a way to apply this new character Style to the entire table, then each asterisk is changed?

  Thank you.

  The find/replace field allows you to apply a character Style to all the text found.

  Another option: If all the text in your table is formatted with a paragraph Style, you could add a GREP style to add this character Style to all instances of an asterisk in the text of this paragraph Style. This way, if the new numbers of the asterisk was added later, the asterisk turns to Red style automatically.

• How to apply a menu bar exact to several pages?

  I have a sidebar witch repeat itself more than 7 other pages.

  If I need to change one or more components in the content of the sidebar, I must cross all seven files and change each one individually.

  I came to the conclusion that it would be much more ergonomic to have this side bar in a way that creates changes to the sidebar to all other files, after its amendment in one of them.

  How much?

  Create it as a separate file, then, somehow, embed it in others? ("How many?" once more)

  Any suggestion will be appreciated...

  You can find and replace. Here is a tutorial

• apply existing styles to paragraphs

  I have a little problem. How to apply existing styles. Different style to the first, second and third paragraph of the story/selection. I think it's simple, but I can't solve the problem. Thank you.

  It's pretty easy:

  mySelection var = app.selection [0];

  var paraStyle1 = app.activeDocument.paragraphStyles.itemByName ("style1");

  var paraStyle2 = app.activeDocument.paragraphStyles.itemByName ("style2");

  etc.

  mySelection.paragraphs [0] .appliedParagraphStyle = paraStyle1;

  mySelection.paragraphs [1] .appliedParagraphStyle = paraStyle2;

  etc.

• (JS) How to apply the existing paragraph styles to text in a textFrame

  @I have a definition called "Header" in my Document.

  How to apply this paragraph style "Header" textFrame selected with the text "This is my head" using JS

  Please advise...

  Thank you..

  @I have a definition called "Header" in my Document.

  How to apply this paragraph style "Header" in textFrame selected with the text "This is my head" using JS

  as directed by your initial thread in question that asked you to change only the text block selected, so I gave code such as

  myDoc1 = app.selection [0];

  but myDoc1 = app.activeDocument; lets you apply the styleforwholedocument

  FYI

• How to apply a character Style that has already been made in a document model?

  First of all, I would like to thank everyone who helps. I am a complete newbie to the script and appreciate your help.

  I mainly use GREP expressions to search for patterns in a document and apply a character Style that has already been done. This character style did not help script, but just in InDesign when the production and implementation of the model.

  var myDoc = app.activeDocument;
  
  
  //Clear the find/change grep preferences.
  app.findGrepPreferences = NothingEnum.nothing;
  app.changeGrepPreferences = NothingEnum.nothing;
  
  //Set the find options.
  app.findChangeGrepOptions.includeFootnotes = false;
  app.findChangeGrepOptions.includeHiddenLayers = false;
  app.findChangeGrepOptions.includeLockedLayersForFind = false;
  app.findChangeGrepOptions.includeLockedStoriesForFind = false;
  app.findChangeGrepOptions.includeMasterPages = false;
  
  //GREP Expression for finding all HEADERS
  app.findGrepPreferences.findWhat = ".+\n";
  
  //Applying formatting changes to put into All Caps, Bold and changing the font size to 12 pt.
  app.changeGrepPreferences.capitalization = Capitalization.allCaps;
  app.changeGrepPreferences.fontStyle = "Bold";
  app.changeGrepPreferences.pointSize = "12";
  myDoc.changeGrep();
  
  //Clear the find/change preferences after the search.
  app.findGrepPreferences = NothingEnum.nothing;
  app.changeGrepPreferences = NothingEnum.nothing;
  

  This is how I currently. I will manually define the changes made to the text. The problem is, each model uses a different set of fonts and not all use them "BOLD", for example Sabon can use THIS "BOLD".

  I would like to know how to apply a character Style and tried to look, but nothing seems to work.

  Any help would be appreciated.

  Thank you.

  app.changeGrepPreferences.appliedCharacterStyle = "A";

• How to change the paragraph style to each paragraph that contains only one anchored object?

  Hello

  I have a document in word that should be converted in indesign. The document contains instructions, each step followed by an image.

  I managed to import the document into Indesign and applied a paragraph with numbering style to everything (text, image).

  Now, how do I change the the paragraph style to each paragraph that contains only an image? I need to get rid of the numbering.

  Thanks in advance.

  If the images are all anchored objects, you can use find/replace to find the anchor point and change the paragraph style only once for all paragraphs.

• How change the style of bread crumbs - RoboHelp 11 don't behave?

  Short version: Breadcrumbs in CHM files are not displayed the styles that I have configured HR.

  Long version:

  • Spin RH11.
  • Work in an HTML project, generating a CHM for output.
  • I have a Master Page for the project, in which I generated a placeholder of breadcrumb. I removed the formatting of the placeholder code, so I left that looks like this:
    • <? "type HR-placeholder ="bread crumbs"ph-align = '0' Ms-char =" "& gt;" home = 'Home' usetopicformat = '0' ph-style = ""? >
  • This Page Master refers to the default CSS file: < link rel = "StyleSheet" href = "default.css" type = "text/css" / > "
  • Each section uses this Master Page.
  • Through the project manager, I double-click the default.css file in order to change the appearance of the bread crumbs. Changes through these parameters:
    
  • When recording this, RH place the following code in the default.css file. * Please note (below) that it fails to specify the font, I chose - odd.

  {a.breadcrumbs:Link}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:visited}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:Focus}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:hover}

  do-size: 8pt;

  }

  {a.breadcrumbs: active}

  do-size: 8pt;

  color: #808080;

  }

  Question: To generate the file CHM, bread is present and functional, which makes me think that the Master Page is administered correctly. However, none of the style settings that I've specified for breadcrumbs applied. Instead, bread adopts the same style as the 'normal' style, as to suggest that the breadcrumb in the default.css style definitions are ignored. Note that if I - change manually other styles within the default.css, such as 'p' style, the changes are reflected in the output - that is, I am convinced that I am tweaking the correct css file. .. .then why don't my breadcrumbs adopts the style (s), I've specified?

  Thank you very much, people. With your suggestions, I managed to solve this problem.

  Here's what I did:

  (be thorough for the love of someone falling)

  1. Make a backup of the default.css.
  2. Default.CSS open in an external text editor.
  3. Clear definitions of style to it.

  Then, in RoboHelp;

  1. Open the Master Page and delete the placeholder crumbs of in in.
  2. With the Master Page always opens, add a new placeholder in the bread crumbs, ensure that the check box Use theme Style is checked. Ignore all other parameters.
  3. Click the placeholder of breadcrumbs, so it is selected. Then search for "bread crumbs" style in the pod Style and formatting, right-click and select Edit. Set the style for your bread crumbs. I don't know if this step was required.
  4. Switch (Master Page) HTML view and manually change the navigation bar style definition (I needed to change the font type and size for my project). I don't know if this step was no longer needed.
  5. In the nacelle Assembly project , locate and then right-click the Page Master in question, and then select Properties.
  6. In the Properties window, select the appearance tab, and then make sure the default.css is the style sheet selected.
  7. Open the pod of the list of subjects , select all topics, right-click in the list and click Properties.
  8. In the Properties window, select the appearance tab and make sure that no is selected. Click apply. It may take awhile for HR apply this setting to all of your subjects. This ensures that none of the subjects are directly influenced by a style sheet.
  9. In the Properties window, select the general tab and verify that the Master Page drop-down list displays the master page, you changed earlier. Click apply. It may take awhile for HR apply this setting to all of your subjects. Makes sure that each topic is based on the Master Page, and that's why, by proxy, a style sheet that is associated with the Master Page.
  10. In the Properties window, select the appearance tab again. Note that the selected stylesheet now reads default.css*, despite having just precise we wanted without selected style sheet. The * here indicates that the default.css style is applied, but indirectly, through the Master Page, we applied to all subjects.
  11. Click OK in the Properties window for the topic. Again, this can take a while for HR to apply it to all your subjects. Note that because I deleted all my default.css style definitions, each poster now topic in my project (and the Master Page itself), the default styling HR i.e. There will be no other style definitions to work with - it is read an empty style guide.
      
      Now to build the styles...
  12. Default.CSS open in an external text editor.
  13. Open the default.css backup that you did at the beginning.
  14. Copy the backup to the default.css each style that you want to use in your project. I copied all the models I wanted to use and ignore all others (styles I was not using in this project). You copy styles, save the default.css, tap back to the HR and you should see your saved style definitions added to the Style and formatting pod.

  Then I had to do some manual tweaking of bread style definitions in the default.css, using the text editor. For my needs, my bread crumbs works according to these definitions:

  {a.breadcrumbs:Link}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:visited}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:Focus}

  do-size: 8pt;

  color: #808080;

  }

  {a.breadcrumbs:hover}

  do-size: 8pt;

  }

  {a.breadcrumbs: active}

  do-size: 8pt;

  color: #808080;

  }

  {p.breadcrumbs}

  do-size: 8pt;

  }

  Thank you once again, people.

  Did I miss something?

  ... Sorry, am under the door.

• Apply an object style to the group without changing the object style of page within the group elements?

  Does anyone know a way to apply an object style to a group without changing the style of the subject of the articles within the Group?

  Well, as far as I know, there no way to do it. Apply an object style to a group applies this style to all elements within the group as well. So, I resorted to writing a script for this.

• How to change the border style of the list items in the apex

  
  Hi all

  We have created a few items from the selection list in the Apex and ask users to make changes to the border.

  I tried many ways, but he was not able to make changes, some could help me how we can change the border style of list items in Apex. By, the approach has been used by us

  Attributes of the element in the HTML form -> style = "" border: 1px solid #E5E4E2; "" [I speak that way] but no luck.

  Kind regards

  Sheikh tayeb.

  SruthiTamiri wrote:

  Hello

  Please find the details below

  APEX version # 3.2

  Internet Explorer version #7

  Mozilla version 12.0.

  Used theme #Blue

  Topic identification number is #12

  It is not possible to change the appearance of the borders of the selection list in IE7.

  To the borders of all the elements of the selection list style on a page in other browsers, include the following style sheet in the HTML Header page:

  .formlayout select {
    border: 1px solid #E5E4E2;
  }
  

  APEX 3.2 is no longer supported, and IE7 is obsolete. Upgrade to the current version is recommended.