{"_id":"55b57af57a0ea40d004c4e7f","category":{"_id":"55b527a210db590d00e7f78f","pages":["55b5791f7a0ea40d004c4e7d","55b57af57a0ea40d004c4e7f"],"__v":2,"project":"55b41741c8f1ca1700e5e194","version":"55b41742c8f1ca1700e5e197","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-07-26T18:32:02.267Z","from_sync":false,"order":5,"slug":"tutorials-creating-documents-with-pages3d","title":"Tutorials: Creating Documents with Pages3D"},"__v":7,"version":{"_id":"55b41742c8f1ca1700e5e197","project":"55b41741c8f1ca1700e5e194","__v":10,"createdAt":"2015-07-25T23:09:54.255Z","releaseDate":"2015-07-25T23:09:54.255Z","categories":["55b41742c8f1ca1700e5e198","55b526b3ef36f32100563f7c","55b5278910db590d00e7f78e","55b527a210db590d00e7f78f","55b527b310db590d00e7f790","55b527d3ef36f32100563f7d","55b5285610db590d00e7f792","55b57982ef36f32100563fc8","588111a7ca3cb60f00018f0d","588111d49e24c01900508c5d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"project":"55b41741c8f1ca1700e5e194","user":"55a6dc0c112cf20d003a3196","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-07-27T00:27:33.273Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Required Product: Pages3D\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Pages3D Workflow Overview\"\n}\n[/block]\nYou create documents using Pages3D and the following basic workflow:\n\n- Import 3D Models\n- Create pages of information\n- Create graphics and animations from 3D\n- Publish the document for printed or interactive delivery.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Getting Setup for this Section\"\n}\n[/block]\nIf you have just completed “A Pages3D Primer”, then you will have Pages3D open and 3D model imported. If you are returning to Pages3D, you will need to open up your saved off QSD from “A Pages3D Primer”.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Open a Saved QuadriSpace Document (QSD)\",\n  \"body\": \"- Click on File > Open\\n- Navigate to the directory where you saved the Pages3D Primer results and then select the QuadriSpace Document (QSD) saved there, probably names: “pages3d_primer.qsd”\\n- Make sure you are in Page Layout editing mode. On the Home ribbon, observe the state of the “Edit Page” button.\\n- 'If the “Edit Page” button is not highlighted, click it to enter Page Layout editing mode.\"\n}\n[/block]\nYour page should now look like this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/RI7ajkyXTwGlbTcodZFh_image145.png\",\n        \"image145.png\",\n        \"1920\",\n        \"1080\",\n        \"#284369\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNow, save it with a new file name. This will allow us to maintain the basic QSD file we created in the first Pages3D section and will provide a more descriptive filename for the current session. For this training, it is good practice to save a unique file for each section that you complete.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Save with a New Filename\",\n  \"body\": \"- From Application menu, choose “Save As…”.\\n- Enter “pages3d_document_authoring.qsd” as the filename.\\n- Click “Save”.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"The Goal of this Section\"\n}\n[/block]\nNow, we are setup and ready to proceed. In this section, we will create a single-page document with the following features:\n\n- Interactive 3D view\n- Title and other formatted text\n- Bidirectional, interactive parts list with custom formatting\n- Dynamic display of part metadata\n- Logo Image\n- 3D PDF-Ready\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Page Element Concepts\"\n}\n[/block]\nA Pages3D document is a series of pages each containing any number of page elements. Page elements can be anything from a simple text box or image to an interactive 3D view or clickable parts list. Each of these page elements can be created and then positioned on the document page. As you explored in the Pages3D Primer section, when you toggle the “Edit Page” button to turn Page Layout editing mode on an off, you change the way that the page element is affected by mouse interaction.\n\nGenerally, page elements are created using the tools available from the “Insert” ribbon. Some example page elements include:\n\n- 3D View\n- Text Box\n- Image\n- Table\n- Parts Table, which dynamically displays part metadata\n- Illustration Text, which dynamically displays illustration metadata\n- Shapes, connectors and other page design elements\n \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/JdNlFYphSUmyFerYvkdh_image147.png\",\n        \"image147.png\",\n        \"712\",\n        \"120\",\n        \"#39527a\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Review the Insert Ribbon\",\n  \"body\": \"- Click on the Insert Ribbon\\n- Observe the various page elements organized into four groups: text, tables, graphics and views.\\n- Notice that the Insert ribbon also includes the “Edit Page” button for easy access.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Add an Image Element to the Page\"\n}\n[/block]\nLet’s add a simple image to our document. \n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Click the “Insert” ribbon.\\n- Click on the top part of the Image button, or use the pulldown menu below the image button to pick “Select Custom Image”.\",\n  \"title\": \"Cue an Image Element\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/EsyisE96RzqsInsTUbvW_image149.png\",\n        \"image149.png\",\n        \"194\",\n        \"400\",\n        \"#3f92b7\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Drag out an Image Element\",\n  \"body\": \"- Observe that placing your mouse over the document page displays a mouse cursor indicating that it is ready to drag out a new page element.\\n- In the top-right are of the page, left-click and then drag out a rectangle, then release the mouse.\\n- When the mouse button is released, a dialog will display asking for the image to import.\\n- Use the file dialog to browse to the “Elements” directory in your training folder. Click on “abc_company.png” and then click “Open”.\\n- Notice that the rectangle is now replaced with the image of the ABC Company logo.\\n- If your image has a border around it, you can turn this off by clicking on the “Line” pulldown in the Colors ribbon group and then choosing “No Line”.\"\n}\n[/block]\nYour document page should now look like this. It should include a 3D view and a logo image.\n \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vZcvtxCQNia0sWI4Nfbg_image151.png\",\n        \"image151.png\",\n        \"1156\",\n        \"898\",\n        \"#796054\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Positioning Page Elements\"\n}\n[/block]\nPreviously, we learned how to position and resize a page element when “Edit Page” is active. To summarize, we learned:\n\n- Clicking the middle of the page element and dragging it will move the element\n- Clicking on the handles on the corner of a selected page element will resize it\n- Right-clicking a page element and choosing from the “Position” submenu will allow you to use some preset positions, like full page, to rapidly set the position of the page element.\n- \nFor more precise positioning, you may need to use the grid or the margins.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/QWjzQ3e0SQGtgX2oPHjo_image153.png\",\n        \"image153.png\",\n        \"398\",\n        \"78\",\n        \"#6a2031\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- In the bottom-right of the user interface click on the “Toggle Grid” button. \\n- Observe that around the edges of the 3D view, some grid lines are displayed.\\n- Click on the 3D view page element to select it. This will display the handles around the view.\\n- Click on the bottom-right handle, hold down the mouse and resize the view.\\n- Notice that as you resize the view with the grid on the position will snap to the grid.\\n- Resize the 3D view so that it fills an area of 7” x 5” starting 1” from the top and 1” from the left. If you are using metric units, you can resize the view so that it fills an area of 17.5cm x 12.5cm starting 2.5cm from the top and 2.5cm from the left.\\n- Now select the logo image, then move it until the top-right corner snaps to the top-right corner of the document page. \\n- Now, using the bottom-left handle, resize the logo image so that the height of the image is it 0.75” (or 2cm). The width will be determined by the aspect ratio of the image.\",\n  \"title\": \"Setup and Enable the Positioning Grid\"\n}\n[/block]\nThe grid is versatile and can be set up with your preferred units, or subdivisions. Your installation may either default to inches or centimeters. \n\nYour document page should now look like this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/mA3MUBz0Q4mFdzrzNjF0_image155.png\",\n        \"image155.png\",\n        \"1150\",\n        \"890\",\n        \"#415473\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"The grid subdivisions can be adjusted using the two buttons next to the “Toggle Grid” button. The first button will decrease the subdivisions and the second button will increase the subdivisions.\",\n  \"title\": \"Adjusting the Grid Spacing\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Add a Title\"\n}\n[/block]\nPages3D makes it easy to add text and position it on the document page.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/BiNFfIQJQ9eBgWrTDQwp_image157.png\",\n        \"image157.png\",\n        \"188\",\n        \"108\",\n        \"#33487e\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Add a Text Box\",\n  \"body\": \"- Click on the “Insert” ribbon.\\n- Click on the “Text” button.\\n- Observe that when the mouse is positioned over the document page that the cursor changes to indicate that it is ready to create a new page element.\\n- Hold down the left mouse button. Starting at the grid location 1” from the left and 0.25” from the top, drag out a text box and release 0.5” below the starting point and near the logo graphic.\"\n}\n[/block]\nLike this:\n \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ntwyGxoBTjyi7MGAtCc6_image159.png\",\n        \"image159.png\",\n        \"1172\",\n        \"298\",\n        \"#29486e\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Now, in the text box, type “ST Micrometer Parts Lists”.\\n- Observe that the resulting font size is determined by the size chosen in the the Font ribbon group.\\n- Use the mouse to select all of the text in the text box.\\n- From the Font ribbon group, select “24” for the font size.\",\n  \"title\": \"Set the Font Size\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/qNlApogDS2q8UFS1VfBq_image163.png\",\n        \"image163.png\",\n        \"1156\",\n        \"96\",\n        \"#0a2549\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Notice that since you are still in Page Layout mode, the grid and selection indicator are still displayed. \\n- To view the page like it would be when finished, click on “Edit Page” to toggle off Page Layout mode. \\n- Observe that the 3D view no longer has a hatch overlay and that the grid disappears. These are indications that you are not longer in Page Layout mode.\\n- Click on “Edit  Page” again to turn it back on for further editing.\",\n  \"title\": \"View the Text in Interactive Mode\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Dynamic Table Concepts\"\n}\n[/block]\nA unique capability of the Pages3D software is the ability to insert dynamic tables onto a document page. These tables are efficient for authors because they are automatically populated. The most commonly used dynamic table is the Parts Table. These are automatically generated parts list tables added to a document page which display part metadata as cell contents. The table’s column fields and the part data are both customizable as needed. \n\nThese tables can be used for printed manuals or as clickable interactive page elements. For example, when the Parts Table is set up with interactive features, clicking on the table will select the parts in the 3D view and clicking in the 3D view will select the corresponding row in the table. This is referred to as a bidirectional association between the table and the 3D view. \n\nThere are two other types of automatically generated tables. The Illustration Table is automatically populated with illustration metadata, such as the illustration name or description. The Step Table, is used less frequently, but is populated with exploded ste3pe metadata.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Insert a Parts Table\"\n}\n[/block]\nBefore we add the table, let’s make room for it on our document page.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Click on the Insert ribbon.\\n- Make sure “Edit Page” is on.\\n- Click on the 3D view.\\n- Drag the right handle to decrease the width\",\n  \"title\": \"Resize the 3D View\"\n}\n[/block]\nLike this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3xbD3jbZThCP6Ua80R4Q_image165.png\",\n        \"image165.png\",\n        \"1162\",\n        \"899\",\n        \"#b63a20\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNow, we are ready to add the dynamic parts table.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3brbaQ3XQvCmKhzZxt1X_image167.png\",\n        \"image167.png\",\n        \"126\",\n        \"89\",\n        \"#a88635\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Click on “Parts Table” in the Table ribbon group to activate the parts table tool.\\n- Click on the page and then drag out a box to the right of the 3D view starting about 0.5” to the right of the 3D view and extending to about 1” from the right page border.\\n- Observe that when you release the mouse button, a dialog will display prompting you to choose whether the table is interactive and if so, the settings.\\n- Click on OK to accept the default settings, which will set the table up with interactivity.\",\n  \"title\": \"Insert a Dynamic Parts Table\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/I4HtVFonRt6N697rf6l4_image169.png\",\n        \"image169.png\",\n        \"285\",\n        \"192\",\n        \"#682019\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nInitially, table formatting is determined by the current settings in the Font, Paragraph and Colors ribbon groups. Since we last changed the font to set the title size to a large font our initial table font is very large. Visually, the table is also very customizable with row colors, headers, and more.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Y4Bp1or4TQuPGJ8b5G2J_image171.png\",\n        \"image171.png\",\n        \"1154\",\n        \"892\",\n        \"#df2f09\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nLet’s start with changing the font to better match the needs of this table.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Format a Dynamic Parts Table\",\n  \"body\": \"- Click on the parts table to select it.\\n- From the Font ribbon group, choose a font size of “12”.\\n- Observe the change to the parts table.\\nNow, let’s explore some of the properties that will allow us to make this table look nice.\\nRight click the table and choose “Properties…” from the popup menu.\\nNotice that this displays the Properties Panel with the tabs for setting the tables properties.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/bdcehkMT1q2rz1PJhiep_image173.png\",\n        \"image173.png\",\n        \"200\",\n        \"200\",\n        \"#6097d1\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9qS8mAsT2icXjFGltCDw_image175.png\",\n        \"image175.png\",\n        \"1153\",\n        \"893\",\n        \"#d13412\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nCongratulations, you have now added a bidirectional parts list to a document page!","excerpt":"Learn how to add images, text and tables to your Pages3D document.","slug":"document3d-authoring-with-pages3d","type":"basic","title":"Document Authoring with Pages3D"}

Document Authoring with Pages3D

Learn how to add images, text and tables to your Pages3D document.

[block:callout] { "type": "warning", "title": "Required Product: Pages3D" } [/block] [block:api-header] { "type": "basic", "title": "Pages3D Workflow Overview" } [/block] You create documents using Pages3D and the following basic workflow: - Import 3D Models - Create pages of information - Create graphics and animations from 3D - Publish the document for printed or interactive delivery. [block:api-header] { "type": "basic", "title": "Getting Setup for this Section" } [/block] If you have just completed “A Pages3D Primer”, then you will have Pages3D open and 3D model imported. If you are returning to Pages3D, you will need to open up your saved off QSD from “A Pages3D Primer”. [block:callout] { "type": "success", "title": "Open a Saved QuadriSpace Document (QSD)", "body": "- Click on File > Open\n- Navigate to the directory where you saved the Pages3D Primer results and then select the QuadriSpace Document (QSD) saved there, probably names: “pages3d_primer.qsd”\n- Make sure you are in Page Layout editing mode. On the Home ribbon, observe the state of the “Edit Page” button.\n- 'If the “Edit Page” button is not highlighted, click it to enter Page Layout editing mode." } [/block] Your page should now look like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/RI7ajkyXTwGlbTcodZFh_image145.png", "image145.png", "1920", "1080", "#284369", "" ] } ] } [/block] Now, save it with a new file name. This will allow us to maintain the basic QSD file we created in the first Pages3D section and will provide a more descriptive filename for the current session. For this training, it is good practice to save a unique file for each section that you complete. [block:callout] { "type": "success", "title": "Save with a New Filename", "body": "- From Application menu, choose “Save As…”.\n- Enter “pages3d_document_authoring.qsd” as the filename.\n- Click “Save”." } [/block] [block:api-header] { "type": "basic", "title": "The Goal of this Section" } [/block] Now, we are setup and ready to proceed. In this section, we will create a single-page document with the following features: - Interactive 3D view - Title and other formatted text - Bidirectional, interactive parts list with custom formatting - Dynamic display of part metadata - Logo Image - 3D PDF-Ready [block:api-header] { "type": "basic", "title": "Page Element Concepts" } [/block] A Pages3D document is a series of pages each containing any number of page elements. Page elements can be anything from a simple text box or image to an interactive 3D view or clickable parts list. Each of these page elements can be created and then positioned on the document page. As you explored in the Pages3D Primer section, when you toggle the “Edit Page” button to turn Page Layout editing mode on an off, you change the way that the page element is affected by mouse interaction. Generally, page elements are created using the tools available from the “Insert” ribbon. Some example page elements include: - 3D View - Text Box - Image - Table - Parts Table, which dynamically displays part metadata - Illustration Text, which dynamically displays illustration metadata - Shapes, connectors and other page design elements [block:image] { "images": [ { "image": [ "https://files.readme.io/JdNlFYphSUmyFerYvkdh_image147.png", "image147.png", "712", "120", "#39527a", "" ] } ] } [/block] [block:callout] { "type": "success", "title": "Review the Insert Ribbon", "body": "- Click on the Insert Ribbon\n- Observe the various page elements organized into four groups: text, tables, graphics and views.\n- Notice that the Insert ribbon also includes the “Edit Page” button for easy access." } [/block] [block:api-header] { "type": "basic", "title": "Add an Image Element to the Page" } [/block] Let’s add a simple image to our document. [block:callout] { "type": "success", "body": "- Click the “Insert” ribbon.\n- Click on the top part of the Image button, or use the pulldown menu below the image button to pick “Select Custom Image”.", "title": "Cue an Image Element" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/EsyisE96RzqsInsTUbvW_image149.png", "image149.png", "194", "400", "#3f92b7", "" ] } ] } [/block] [block:callout] { "type": "success", "title": "Drag out an Image Element", "body": "- Observe that placing your mouse over the document page displays a mouse cursor indicating that it is ready to drag out a new page element.\n- In the top-right are of the page, left-click and then drag out a rectangle, then release the mouse.\n- When the mouse button is released, a dialog will display asking for the image to import.\n- Use the file dialog to browse to the “Elements” directory in your training folder. Click on “abc_company.png” and then click “Open”.\n- Notice that the rectangle is now replaced with the image of the ABC Company logo.\n- If your image has a border around it, you can turn this off by clicking on the “Line” pulldown in the Colors ribbon group and then choosing “No Line”." } [/block] Your document page should now look like this. It should include a 3D view and a logo image. [block:image] { "images": [ { "image": [ "https://files.readme.io/vZcvtxCQNia0sWI4Nfbg_image151.png", "image151.png", "1156", "898", "#796054", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Positioning Page Elements" } [/block] Previously, we learned how to position and resize a page element when “Edit Page” is active. To summarize, we learned: - Clicking the middle of the page element and dragging it will move the element - Clicking on the handles on the corner of a selected page element will resize it - Right-clicking a page element and choosing from the “Position” submenu will allow you to use some preset positions, like full page, to rapidly set the position of the page element. - For more precise positioning, you may need to use the grid or the margins. [block:image] { "images": [ { "image": [ "https://files.readme.io/QWjzQ3e0SQGtgX2oPHjo_image153.png", "image153.png", "398", "78", "#6a2031", "" ] } ] } [/block] [block:callout] { "type": "success", "body": "- In the bottom-right of the user interface click on the “Toggle Grid” button. \n- Observe that around the edges of the 3D view, some grid lines are displayed.\n- Click on the 3D view page element to select it. This will display the handles around the view.\n- Click on the bottom-right handle, hold down the mouse and resize the view.\n- Notice that as you resize the view with the grid on the position will snap to the grid.\n- Resize the 3D view so that it fills an area of 7” x 5” starting 1” from the top and 1” from the left. If you are using metric units, you can resize the view so that it fills an area of 17.5cm x 12.5cm starting 2.5cm from the top and 2.5cm from the left.\n- Now select the logo image, then move it until the top-right corner snaps to the top-right corner of the document page. \n- Now, using the bottom-left handle, resize the logo image so that the height of the image is it 0.75” (or 2cm). The width will be determined by the aspect ratio of the image.", "title": "Setup and Enable the Positioning Grid" } [/block] The grid is versatile and can be set up with your preferred units, or subdivisions. Your installation may either default to inches or centimeters. Your document page should now look like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/mA3MUBz0Q4mFdzrzNjF0_image155.png", "image155.png", "1150", "890", "#415473", "" ] } ] } [/block] [block:callout] { "type": "info", "body": "The grid subdivisions can be adjusted using the two buttons next to the “Toggle Grid” button. The first button will decrease the subdivisions and the second button will increase the subdivisions.", "title": "Adjusting the Grid Spacing" } [/block] [block:api-header] { "type": "basic", "title": "Add a Title" } [/block] Pages3D makes it easy to add text and position it on the document page. [block:image] { "images": [ { "image": [ "https://files.readme.io/BiNFfIQJQ9eBgWrTDQwp_image157.png", "image157.png", "188", "108", "#33487e", "" ] } ] } [/block] [block:callout] { "type": "success", "title": "Add a Text Box", "body": "- Click on the “Insert” ribbon.\n- Click on the “Text” button.\n- Observe that when the mouse is positioned over the document page that the cursor changes to indicate that it is ready to create a new page element.\n- Hold down the left mouse button. Starting at the grid location 1” from the left and 0.25” from the top, drag out a text box and release 0.5” below the starting point and near the logo graphic." } [/block] Like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/ntwyGxoBTjyi7MGAtCc6_image159.png", "image159.png", "1172", "298", "#29486e", "" ] } ] } [/block] [block:callout] { "type": "success", "body": "- Now, in the text box, type “ST Micrometer Parts Lists”.\n- Observe that the resulting font size is determined by the size chosen in the the Font ribbon group.\n- Use the mouse to select all of the text in the text box.\n- From the Font ribbon group, select “24” for the font size.", "title": "Set the Font Size" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/qNlApogDS2q8UFS1VfBq_image163.png", "image163.png", "1156", "96", "#0a2549", "" ] } ] } [/block] [block:callout] { "type": "success", "body": "- Notice that since you are still in Page Layout mode, the grid and selection indicator are still displayed. \n- To view the page like it would be when finished, click on “Edit Page” to toggle off Page Layout mode. \n- Observe that the 3D view no longer has a hatch overlay and that the grid disappears. These are indications that you are not longer in Page Layout mode.\n- Click on “Edit Page” again to turn it back on for further editing.", "title": "View the Text in Interactive Mode" } [/block] [block:api-header] { "type": "basic", "title": "Dynamic Table Concepts" } [/block] A unique capability of the Pages3D software is the ability to insert dynamic tables onto a document page. These tables are efficient for authors because they are automatically populated. The most commonly used dynamic table is the Parts Table. These are automatically generated parts list tables added to a document page which display part metadata as cell contents. The table’s column fields and the part data are both customizable as needed. These tables can be used for printed manuals or as clickable interactive page elements. For example, when the Parts Table is set up with interactive features, clicking on the table will select the parts in the 3D view and clicking in the 3D view will select the corresponding row in the table. This is referred to as a bidirectional association between the table and the 3D view. There are two other types of automatically generated tables. The Illustration Table is automatically populated with illustration metadata, such as the illustration name or description. The Step Table, is used less frequently, but is populated with exploded ste3pe metadata. [block:api-header] { "type": "basic", "title": "Insert a Parts Table" } [/block] Before we add the table, let’s make room for it on our document page. [block:callout] { "type": "success", "body": "- Click on the Insert ribbon.\n- Make sure “Edit Page” is on.\n- Click on the 3D view.\n- Drag the right handle to decrease the width", "title": "Resize the 3D View" } [/block] Like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/3xbD3jbZThCP6Ua80R4Q_image165.png", "image165.png", "1162", "899", "#b63a20", "" ] } ] } [/block] Now, we are ready to add the dynamic parts table. [block:image] { "images": [ { "image": [ "https://files.readme.io/3brbaQ3XQvCmKhzZxt1X_image167.png", "image167.png", "126", "89", "#a88635", "" ] } ] } [/block] [block:callout] { "type": "success", "body": "- Click on “Parts Table” in the Table ribbon group to activate the parts table tool.\n- Click on the page and then drag out a box to the right of the 3D view starting about 0.5” to the right of the 3D view and extending to about 1” from the right page border.\n- Observe that when you release the mouse button, a dialog will display prompting you to choose whether the table is interactive and if so, the settings.\n- Click on OK to accept the default settings, which will set the table up with interactivity.", "title": "Insert a Dynamic Parts Table" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/I4HtVFonRt6N697rf6l4_image169.png", "image169.png", "285", "192", "#682019", "" ] } ] } [/block] Initially, table formatting is determined by the current settings in the Font, Paragraph and Colors ribbon groups. Since we last changed the font to set the title size to a large font our initial table font is very large. Visually, the table is also very customizable with row colors, headers, and more. [block:image] { "images": [ { "image": [ "https://files.readme.io/Y4Bp1or4TQuPGJ8b5G2J_image171.png", "image171.png", "1154", "892", "#df2f09", "" ] } ] } [/block] Let’s start with changing the font to better match the needs of this table. [block:callout] { "type": "success", "title": "Format a Dynamic Parts Table", "body": "- Click on the parts table to select it.\n- From the Font ribbon group, choose a font size of “12”.\n- Observe the change to the parts table.\nNow, let’s explore some of the properties that will allow us to make this table look nice.\nRight click the table and choose “Properties…” from the popup menu.\nNotice that this displays the Properties Panel with the tabs for setting the tables properties." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/bdcehkMT1q2rz1PJhiep_image173.png", "image173.png", "200", "200", "#6097d1", "" ] } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/9qS8mAsT2icXjFGltCDw_image175.png", "image175.png", "1153", "893", "#d13412", "" ] } ] } [/block] Congratulations, you have now added a bidirectional parts list to a document page!