InDesign: Table Styles & Scripts | Benjamin Halsall | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (15m)
    • 1. Class Introduction

      0:40
    • 2. Tables, Table Styles, Paragraph Styles & Scripts

      14:47

About This Class

In this lesson you will be introduced to some of the more advanced techniques for working with and managing your table designs.

You will learn how to work with table styles, paragraph styles, character styles and pull this all together using scripts to apply design en mass.

Download the lesson files:
table-formatting-scripts-indd-files.zip 

In this ZIP file find the JSX script, INDD & IDML (for earlier versions of InDesign) that you are free to use as you follow along with this class.

Links

In the video I mention a couple of references that will be useful as you build your knowledge of scripting in Adobe InDesign.

How to Install Scripts - indesignsecrets.com/how-to-install-scripts-in-indesign.php

Tackling Tables Through Scripting -  indesignsecrets.com/tackling-tables-through-scripting.php

Below is a list of my other Adobe InDesign classes on Skillshare:

Photoshop to InDesign: Creating Image Masks for Text Wraps

Adobe InDesign: Introduction to Shape, Image & Text Objects in-depth

InDesign: Placing Images, Scaling Images, Controlling Resolution & Rotating Images

InDesign: Create Custom Image Frames with Shapes, Type & The Pathfinder in this Graphic Design Class

InDesign: Create a Trifold Flyer

InDesign: Create Text Columns with Titles and Quotes that Span Them

InDesign: Table Styles & Scripts

InDesign: Create a Custom Newsletter Layout

InDesign: Tips for Customising Perfect Lists

InDesign: Save Time by Using Nested Paragraph Styles - Gallery Labels

Transcripts

1. Class Introduction: Hi there. I'm household in this lesson. We're gonna be running through some of the more advanced techniques that we can use work with tables in a debian design. We're gonna have a look at how we work with paragraph styles and tables, how we work with table styles and sales styles. And then we're also gonna need script to work with some of the elements that thes built in stars and design. Why manage themselves? So we're gonna look at how we actually deal with tables on Mass in the entire document using a script. So we're gonna be able to manipulate the wit to the table, actually applied styles and sell styles to that table. Amusing description. It's gonna be a script you can download in the link below on. I look forward to signing up and seeing some of the examples of the work that you're gonna be doing in a be in design 2. Tables, Table Styles, Paragraph Styles & Scripts: Okay, So here in design, we're gonna have a look at how we customize the humble table. Now, we're just using a one cell table in here for these quotes that we're gonna be working with on basically, what we're gonna do is look at a few different things. Firstly, we're gonna have a look at some basic table formatting. I'm so how we can format the go to full screen here, former each table so that we can basically take away the border around the outside. And then also look how we could do some paragraph formatting within the table from so that we change things like the number one here or numbering too bold. And then the page number here. Teoh italics. Okay, we're gonna do that with something called nested Styles within paragraph stars. We're then gonna look at how we change the width of every single table within one document . Okay, so basically, this is what we're aiming towards. Once we've finished this, which is each table, it's the same with it centered on. Then. We also have this bold formatting and the great background on that we can work with that were taken control within this lesson over all the different elements off the table that we're working with. Okay, so there's a few different things that we need to do here. One is some basic paragraph starts so good working with paragraph styles for the content, the table, but also for the enlightenment of the table itself. Here, So you can see we've got to table styles here. We've named one for the content of the table on one for the alignment of the table. OK, and then we're also gonna have a look at how we build table styles as well. Okay, so this is gonna take away the order of our table and apply this great background. So basically, we're ending up with this nice style table. We can also inset our text a little bit more on work with the color in different ways, with lots of options for working with the border on and fill of cells or parts of table. So anywhere from with table styles and also cell styles as well. To do this. Okay, there's a few different elements. And then lastly, we're actually going to be looking at working with scripts and in design. Okay, basically, this script is what we're gonna use to actually adjust the width of each of our tables. Okay, so we can actually control this through our table styles the width for table or mass. We actually need to do this with a scripted in design. And I will share the script that we're going to be working with and show you how to adjust and change it and where to actually put it so that it shows up in your scripts panel here. But the original code for the script was taken from in design secrets. So basically here three, Minister John is showing us how to work with scripts and tables on. We're taking some basic elements so that we can create a script that will adjust the table with and then also apply table styles and sell styles to every single table within a selected part document. Okay, so let's go ahead and get started. We're going to start with this basic document here, okay? And actually start to have a look at how we create our basic paragraph styles within the table on Then how we go ahead and work with the table stars. Okay, so we'll go to a paragraph. Styles. First on, basically, the paragraph that we're gonna format here first is going to be the table content. The case on the credit, new paragraph style double clicking here and we'll call this table content style. Okay. And essentially in here, we're controlling the content of our table. OK, so within this really what we're looking at, apart from the basic character formats, if you want to change that, we might, for instance, if we using a quote or something like this, change the character to a talek. OK, But more importantly, what we want to look at here is how we work with drop caps unless it starts to form a particular elements off this content in a certain way. So if I create a new nest, starting with my drop caps, invested styles here. Okay, I'm gonna create a new character style, okay? And we'll just call this table bolt. Okay. On the basic character formats, I'm gonna have this simply as bold. Okay, Andi, that's all I need for that on. Basically, I'm going through one word or I can go through to one square bracket. OK? On that one hour program the beginning of this sentence to format up to the end of this number one on. Then it will revert back to the main table style and therefore creating newness and style. We're gonna create no nested starts that's going to use the basic character format here. And we're gonna do that up to one, and we can talk in here a hyphen. I can't. So basically, it's formatting up to this point, OK? So just before the hyphen, okay, there were creating new nested style, and I'm gonna create a new character style on. We'll call this table. Hey, number. Okay. And now we're gonna go to basic character formats. Come will set this as flight. In fact, we just need to check what we have. So we have Helvetica here, so we're gonna yet we have light for how That's good. Okay, so if we click OK here, I'm just also just to accentuate the lightness of that particular front. Gonna go to my character styles. Just change this basic character. Formato lights on to change the character color so that it's black on with a tent off 50% okay. And actually what I need to do we can zoom in here. We can see that it's just formatting that hyphen and it to jump back into the paragraph star and just change that nested style so that it's going up to the end of the mystic character start. And you could see now when we click. OK, it's formatting that ingrate. Okay, so we've got three different types of formatting within one paragraph. So if we highlight different tables now, we'll get that formatting within those tables, and we'll look a little bit later on how we do this automatically. So if we now go to our table style slept our table styles here, we're gonna create a new table style. Okay, on. You can't start your tables up in the top once you have a table selected. But here we're gonna style our tables using a table style, and we'll double click on this. Okay, on under table set up in the table styles. We can change the table border with zero. Okay, we can change the Phil Teoh every other row. In this case, it's gonna be the first row, only the first road, and it's gonna be a tent off 15% of black if we click. Ok here. And if we just grab our selection tool, click away from out text and do shift in W we can now see that we have but table set up with its nice kind of formatting. Okay, press escape here. And I'm gonna double click into these other tables and just apply those table styles. Okay? And you can see that I don't need to select the entire table. In order to do that, I can just click through them a man highlight the table star, and it will format it nicely. Okay, so now what I want to do is just click in these paragraphs. I'm gonna take off the the formatting from inside these tables on a show. Something else. So basically, within these tables in the table styles themselves, we can't specify which style is used within the table. So which paragraph star is gonna be used? We need to use the cell styles in order to do that. Don't click. OK, here. I'm gonna go to myself. Styles and credit brand new cell style. Let us leave it called cell style one. Okay, I'm basically in here. I'm gonna use my partner style from my table content style. And now it will apply that to my table. OK, so we need to use a table star on the sale style in orderto apply this to all of ourselves . Okay, We'll leave these other ones undone and will actually take off table stars from these two so that we can look at how this script works. Okay, So the reference for the scripting that I've used from in design secrets runs through where you need to put your script will run through that in a second. But then also gives you some code to work with is whether some code references we're gonna be looking specifically at three features. One is changing the wit of a table the entire width of the table. Okay, changing the cell style on the table style. Okay. So we can apply all those different styles that we've just made to our tables. Okay. So, to all our tables within a selected part of document. Okay, So the coped I've used YSL basically copied from these sections on and then adjust it slightly. Okay, So let's have a look at where we put our scripts. Now, when we created them within in design. So we're gonna go toe in design secrets again. I just have a look at the reference they have. So basically, we're gonna be using a JavaScript with a JSX on extension. Okay. So to find the scripts folder, but we need to do is go into in design on bring up our scripts windows. So go to window utilities and scripts if you don't see the window there already. Okay. In order to find your scripts folder, just go to user on. Right Click on it will allow you to reveal that scripts folder in the finder. So you can see I've already dropped in table with script here on which also includes the application off the different styles that I'm working as well. I'm gonna share this with you, and you can download it. So I'm working on the Mac. Yes. I'm gonna open this in text that it on, which is a good place to edit your script. We can just drag this down toe, texted it. I'm on the dock or go to file open and open this script up. Okay. On windows, working with note pad or another toad editing program Will will work fine as well. So basically, we have a Java script here, which is pretty much I'm set up for changing properties of any table that we have selected . Okay, so we'll look at how that works in the second when we run the script. But basically, if we go down to the bottom of script, this is what we need to be looking at changing. Okay, So these three lines here, So we have the table wit. Okay, The table applied table style, which we're gonna use table style 14 and then table cells, every item and then applied cell style, which is gonna be cellstar one. Okay, so let's have a look at how this works, and you can grab the script, drop it into your scripts, window in in design. Okay on, then I worked with it, but if we double click, come into a cell here and double click on our script, you can see now it's gonna apply the width. It's gonna planet style. It's also gonna play the cell style to this. Anything that it can't do is actually apply that paragraph style. Okay, so if I come to my progress here, and it's creating new style to align this century. So if you remember, the original example that we looked at has that table alliance centrally. Okay, so I create a new paragraph style and I'm gonna call this table, okay? And then I'm gonna go to my indents. It's facing online this centrally. Okay, click. OK, And if I click on another table here, I can run my script, okay? And allowing my table. OK, so I'm selecting these tables one at a time. But if I do a control or command a select everything okay, I can now double clicking my script and it will ask for one applies to all tables are yes, apply to all tables. And then all I need to do is change the alignment of each of those tables as I go through. Now, one thing we can do with alignment here is that we can make a short cut on the paragraph style options for the alignment of the table. So here, if I do, come on. And one the number one of the numeric keypad. I'm gonna take off all the paragraph on table formatting for each of these Okay, so it back to the original A table and original alignment. Okay, So now if I select all of this, so click anyone here tomorrow looking trial, and I I can run my script. Click? Yes. And then? And then I can click through each these tables just to command one to apply that paragraph style to each of the tables. Okay, so basically, we've got several things working here. We've got our alignment and content paragraph styles for our table. We've got our script, which allows us to apply some of those styles onto the table. Aziz Well as changing the table whipped. And then we also need to manually align a table centrally. Okay, so that's a more advanced techniques for working with tables on. Obviously, once we have set up than any table styles or cell styles that we have, we click away here, double click that in our tables for our fields, for example, will be able to change the color of all of those fields for every single table in our document in one go, which is one of the beauties of working with its style. So if you've got a nice, structured document, like this, then you can really save a lot of time by setting up and creating these styles and then adjusting a design in a fluid way. Once you've got the stars applied to the different content areas of your document, I ask Unhelpful. I look forward to seeing some examples of where you're using that in your workflow on. I'll see you in the next tutorial.