• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

How to match a clever bullet style I saw on Forbes.com

Community Beginner ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Forbes has started to use a bullet style that I really like.  It's basically a colored dot for each bullet point, but there is a solid 1px line that connects the dots together.  So an entire bullet section would have a dot on each bullet and a solid line connecting the dots in that section.  I would like to replicate.  Anyone have any insight?

TOPICS
How to , Type

Views

404

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 3 Correct answers

Community Expert , Dec 11, 2020 Dec 11, 2020

Please show something.


The closest what I can imagine is something like that:

 

Bullet-with-paragraph-border.png

 

Votes

Translate

Translate
Guide , Dec 11, 2020 Dec 11, 2020

Hi Pix!

 

I have always preferred simplistic solutions for lazy guys that only require one click!  ðŸ˜‰

 

/*
    _FRIdNGE-0680_ParasGame.jsx
    Written by FRIdNGE, Michel Allio [12/12/2020] 
*/

var myDoc = app.activeDocument,

//----------------------------------------------------------------------------
// Para Style Name To Be Modified! …
myParaStyle = myDoc.paragraphStyles.item("Bullet-Stroke");
//----------------------------------------------------------------------------

// Reset …
app.findGre
...

Votes

Translate

Translate
Community Expert , Dec 11, 2020 Dec 11, 2020

Use a paragraph rule. You'll probably want three styles: one for the first bullet, one for the last bullet, and one for bullets in between. The only difference would be the top and bottom offsets.

Edit 1: Now that I think about it you can get away with two styles. Style one is a line that runs from the bullet of the current paragraph to the bullet in the next paragraph. Style two is no line.

Edit 2: Damn, that looks useful. I’ll have to try that.

Screen Shot 2020-12-11 at 8.14.03 PM.png

Votes

Translate

Translate
Community Expert ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Please show something.


The closest what I can imagine is something like that:

 

Bullet-with-paragraph-border.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Actually, it's exactly like that on the right. What I would like is the final bullet the vertical line to stop at the bullet even if the text is several lines.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Hi @ekalpakoff 

try:

Bullet-with-paragraph-border_01.png

 

Play with the red marked value to find the right length for your longest (last) paragraph.

I hope you can handle the German layout.

 

It could possibly be that you need a second (different) paragraph format for the last paragraph.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Hi Pix!

 

I have always preferred simplistic solutions for lazy guys that only require one click!  ðŸ˜‰

 

/*
    _FRIdNGE-0680_ParasGame.jsx
    Written by FRIdNGE, Michel Allio [12/12/2020] 
*/

var myDoc = app.activeDocument,

//----------------------------------------------------------------------------
// Para Style Name To Be Modified! …
myParaStyle = myDoc.paragraphStyles.item("Bullet-Stroke");
//----------------------------------------------------------------------------

// Reset …
app.findGrepPreferences = app.changeGrepPreferences = null;
app.findGrepPreferences.findWhat = "^\\X";
app.findGrepPreferences.appliedParagraphStyle = myParaStyle;
myFound = myDoc.findGrep();
var F = myFound.length,  f ;
for ( f = 0; f < F ; f++ ) if ( myFound[f].paragraphBorderOn == false ) myFound[f].paragraphBorderOn = true;

// New Game!
app.findGrepPreferences = app.changeGrepPreferences = null;
app.findGrepPreferences.findWhat = "\\X(?!\\X)";
app.findGrepPreferences.appliedParagraphStyle = myParaStyle;
myFound = myDoc.findGrep();
var F = myFound.length,  f ;
for ( f = 0; f < F ; f++ ) myFound[f].paragraphBorderOn = false;

alert( "Done! …\r\rbyFRIdNGE, Michel Allio [12/12/2020]" )

 

(^/)  The Jedi

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 12, 2020 Dec 12, 2020

Copy link to clipboard

Copied

And if you want them to change colour you can use the Next Style in the paragraph style to automatically change the colour.

https://layersmagazine.com/what-is-next-style-in-indesign-cc.html#:~:text=Next%20Style%20is%20one%20....

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 11, 2020 Dec 11, 2020

Copy link to clipboard

Copied

Use a paragraph rule. You'll probably want three styles: one for the first bullet, one for the last bullet, and one for bullets in between. The only difference would be the top and bottom offsets.

Edit 1: Now that I think about it you can get away with two styles. Style one is a line that runs from the bullet of the current paragraph to the bullet in the next paragraph. Style two is no line.

Edit 2: Damn, that looks useful. I’ll have to try that.

Screen Shot 2020-12-11 at 8.14.03 PM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 14, 2021 Jan 14, 2021

Copy link to clipboard

Copied

I've got it working, and I think you are right, I'll need multiple style to achieve the look depending on the differences in the single vs milti-line copy. 

bullets.png

 

Now I am struggling with number lists. Why is this grayed out?  I cannot figure out what makes this accessible.

number lists.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 14, 2021 Jan 14, 2021

Copy link to clipboard

Copied

LATEST

Restart numbers at this level is for nested lists. If you are trying to create a nested list, please ask in a new post, as it has nothing to do with the original question.

https://www.rockymountaintraining.com/adobe-indesign-basic-nested-lists/

 

~Barb

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines