Now let's turn our attention to the sidebar and apply some formatting to the features for our specific tour. These features that are listed here are currently listed as separate paragraphs, but it would look much nicer if they were formatted as a list. To do this, click one time on the sidebar to select it. Then click once at the beginning or at the end of those list of items and then click and drag to select all of the paragraphs of text. To convert all of these separate paragraphs into one single list, simply come up to the Formatting menu, click the dropdown menu, and select from one of the different types of lists.
I am going to go ahead and choose Bullet. The bulleted list applies a text bullet out in front to the beginning of each of the different paragraphs of texts. It also then adds a little bit of space between the bullet and all of the lines of text. We could also choose an ordered list if we wanted, by clicking the dropdown menu and selecting something such as Legal. When you select something like Legal, if you select the second item and then press the Tab key, you can see that you can have ordered lists then have additional sublists underneath of them, so in this case 1 and then 1.1.
If I click at the end of that second paragraph and simply hit Return, a new bulleted item is automatically created for me with the second item as 1.2 and I could type in some text directly in there. Let's go ahead and hit Command+Z on our keyboard a couple times in order to get back to our ordered list. Then we'll simply click and drag to select our whole list again and change it back to a bulleted list. To apply additional formatting to our list, we can make sure we have our Inspector open and go over to the Text tab and then select the List tab underneath of there.
The first item here is for Indent Level, and when we have our bulleted list where everything is just a single item, then those are all Indent Level 1. If we, for instance, click on the second item and press the right-hand arrow, that converts it to an Indent Level 2, which is the same as hitting the Tab key. I'll convert this back to an Indent Level 1 and reselect my bulleted list to continue adding formatting. The next set of options allow us to control exactly how our bullets and our list appears.
The default here is set for Text Bullets, but if we click the dropdown menu, we have a variety of other different options to choose from. Let's go ahead and select Image Bullets. iBooks Author ships with a variety of different images that can be used as bullets. Here is a 3D Bullet, and you can see a small slider here on the right-hand side of the image that if you click down below the small dot, it will allow you to scroll down through the various different options and then you can choose a different bullet by simply clicking on it. Here we can see a box with the check mark.
If you want to apply some formatting to these bullets, you can adjust the alignment of the bullet, meaning where the bullet itself aligns with the text. To see what this does, we'll simply click the up arrow a few times next to Alignment, and we can see that the bullet itself is moving up vertically in front of the first line of text. If we use the down arrow then we can move the bullets down below the first line of text. I'm going to go ahead and reset this value back to 0 and then hit Enter or Return on my keyboard.
The next parameter is Size, and here we can adjust the scaling of the bullet, which is defaulted to 100%, and we can shrink it down by typing in a percentage. I'll go ahead and type in 80% and then hit Enter or Return and we can see that the bullets shrink down to a much nicer size. If you have the next option checked of Scale with Text, as you change the size of the text here, the bullets will automatically have the correct scaling applied so everything stays in correct proportion. Let's go ahead and change our image bullets to a custom image by selecting the dropdown menu and choosing Custom Image.
Now we're asked to choose which image that we want to apply as our bullet. In the chapter 04 exercise files I've included a star_bullet.png file, which is a 16 x 16 pixel PNG file that has a transparent background and a simple red star in the middle. I'll go ahead and select that item and Click Open, and we can see a custom bullet has been applied using our desired image. And you can see that the size and scaling has automatically been retained. The next set of options here controls the bullet indent, or how far from the edge of the text box the bullets begin appearing.
The default is set to 0, which puts the bullet out pretty tight to the outside edge. I'd like to have my bulleted list show up indented a little bit further, so I'll go ahead and change my Bullet Indent by clicking the up arrow a few times until I get to 16. That moves my entire bulleted list in from the outside edge, creating a nice text effect. The Text Indent then shows how much spacing is between the bullet itself and the text that is appearing tied to that bullet.
The default right now is set to 12 points, but I'll go ahead and increase that up to 16 as well to add a little bit of extra spacing in here. That cleans things up even better. Our bulleted list is coming along quite nicely, but we have other several sections that would be nice to have these formats applied, and for that, we'll use some custom styles and we'll create those in the next movie.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49691 Viewers
117 Video lessons · 36965 Viewers
113 Video lessons · 81092 Viewers
65 Video lessons · 10283 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Your file was successfully uploaded.