web-apps/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/AlignText.htm

<!DOCTYPE html>
<html>
	<head>
		<title>Align data in cells</title>
		<meta charset="utf-8" />
		<meta name="description" content="Everything that pertains to the data alignment in cells" />
		<link type="text/css" rel="stylesheet" href="../editor.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
		<div class="mainpart">
        <div class="search-field">
            <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
        </div>
			<h1>Align data in cells</h1>
			<p>In the <a href="https://www.onlyoffice.com/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a>, you can align data horizontally and vertically or even rotate data within a cell. To do that, select a cell or a cell range with the mouse or the whole worksheet by pressing the <b>Ctrl+A</b> key combination. You can also select multiple non-adjacent cells or cell ranges holding down the <b>Ctrl</b> key while selecting cells/ranges with the mouse. Then perform one of the following operations using the icons situated on the <b>Home</b> tab of the top toolbar.</p>
			<ul>
				<li>Apply one of the horizontal alignment styles to the data within a cell,
					<ul>
						<li>click the <b>Align left</b> <img alt="Align left icon" src="../images/alignleft.png" /> icon to align the data to the left side of the cell (the right side remains unaligned);</li>
						<li>click the <b>Align center</b> <img alt="Align center icon" src="../images/aligncenter.png" /> icon to align the data in the center of the cell (the right and the left sides remains unaligned);</li>
						<li>click the <b>Align right</b> <img alt="Align right icon" src="../images/alignright.png" /> icon to align the data to the right side of the cell (the left side remains unaligned);</li>
						<li>click the <b>Justified</b> <img alt="Justified icon" src="../images/justify.png" /> icon to align the data both to the left and the right sides of the cell (additional spacing is added where necessary to keep the alignment).</li>
					</ul>
				</li>
				<li>Change the vertical alignment of the data within a cell,
					<ul>
						<li>click the <b>Align top</b> <img alt="Align top icon" src="../images/aligntop.png" /> icon to align your data to the top of the cell;</li>
						<li>click the <b>Align middle</b> <img alt="Align middle icon" src="../images/alignmiddle.png" /> icon to align your data to the middle of the cell;</li>
						<li>click the <b>Align bottom</b> <img alt="Align bottom icon" src="../images/alignbottom.png" /> icon to align your data to the bottom of the cell.</li>
					</ul>
				</li>
				<li>Change the angle of the data within a cell by clicking the <b>Orientation</b> <img alt="Orientation icon" src="../images/orientation.png" /> icon and choosing one of the following options:
					<ul>
						<li>use the <b>Horizontal Text</b> <img alt="Horizontal Text icon" src="../images/horizontaltext.png" /> option to place the text horizontally (default option),</li>
						<li>use the <b>Angle Counterclockwise</b> <img alt="Angle Counterclockwise" src="../images/anglecounterclockwise.png" /> option to place the text from the bottom left corner to the top right corner of a cell,</li>
						<li>use the <b>Angle Clockwise</b> <img alt="Angle Clockwise" src="../images/angleclockwise.png" /> option to place the text from the top left corner to the bottom right corner of a cell,</li>
						<li>use the <b>Vertical text</b> <img alt="Rotate Text Up" src="../images/verticaltext.png" /> option to place the text vertically,</li>
						<li>use the <b>Rotate Text Up</b> <img alt="Rotate Text Up" src="../images/rotateup.png" /> option to place the text from bottom to top of a cell,</li>
						<li>use the <b>Rotate Text Down</b> <img alt="Rotate Text Down" src="../images/rotatedown.png" /> option to place the text from top to bottom of a cell.
                        </li>
					</ul>
				</li>
				<p><img alt="Cell Settings" src="../images/cellsettings_rightsidebar.png" /></p>
				<li>Indent text within a cell using the <b>Indent</b> section on the <b>Cell Settings</b> right sidebar. Specify the value (i.e. the number of characters) by which the contents will be moved to the right.</li>
				<li>Rotate the text by an exactly specified angle, click the <b>Cell settings</b> <img alt="Cell settings icon" src="../images/cellsettings_rightpanel.png" /> icon on the right sidebar and use the <b>Orientation</b>. Enter the necessary value measured in degrees into the <b>Angle</b> field or adjust it using the arrows on the right.</li>
				<li>Fit your data to the column width by clicking the <b>Wrap text</b> <img alt="Wrap text icon" src="../images/wraptext.png" /> icon on the <b>Home</b> tab of the top toolbar or by checking the <b>Wrap text</b> checkbox on the right sidebar.
				<p class="note"><b>Note</b>: if you change the column width, data wrapping adjusts automatically.
				</li>
				<li>Fit your data to the cell width by checking the <b>Shrink to fit</b> checkbox on the right sidebar. The contents of the cell will be reduced in size to such an extent that it can fit in it.</li>
				</ul>
		</div>
	</body>
</html>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+								<!DOCTYPE html>
 								<html>
 									<head>
 										<title>Align data in cells</title>
 										<meta charset="utf-8" />
 										<meta name="description" content="Everything that pertains to the data alignment in cells" />
 										<link type="text/css" rel="stylesheet" href="../editor.css" />
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        <script type="text/javascript" src="../callback.js"></script>
 								        <script type="text/javascript" src="../search/js/page-search.js"></script>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+									</head>
 									<body>
 										<div class="mainpart">
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        <div class="search-field">
-												[DE][PE][SSE] replaced type="search" with type="text" for all the pages of documentation (Chrome search field cross bug)

											
										
										
											2018-03-07 08:47:00 +00:00
+								            <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
-												Added search to the documentation for all editors

											
										
										
											2018-01-12 14:52:45 +00:00
+								        </div>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											<h1>Align data in cells</h1>
-												[SSE] Update help

											
										
										
											2021-04-30 14:41:43 +00:00
+											<p>In the <a href="https://www.onlyoffice.com/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a>, you can align data horizontally and vertically or even rotate data within a cell. To do that, select a cell or a cell range with the mouse or the whole worksheet by pressing the <b>Ctrl+A</b> key combination. You can also select multiple non-adjacent cells or cell ranges holding down the <b>Ctrl</b> key while selecting cells/ranges with the mouse. Then perform one of the following operations using the icons situated on the <b>Home</b> tab of the top toolbar.</p>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+											<ul>
-												Add translation

											
										
										
											2020-08-12 11:25:32 +00:00
+												<li>Apply one of the horizontal alignment styles to the data within a cell,
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+													<ul>
-												Add translation

											
										
										
											2020-08-12 11:25:32 +00:00
+														<li>click the <b>Align left</b> <img alt="Align left icon" src="../images/alignleft.png" /> icon to align the data to the left side of the cell (the right side remains unaligned);</li>
 														<li>click the <b>Align center</b> <img alt="Align center icon" src="../images/aligncenter.png" /> icon to align the data in the center of the cell (the right and the left sides remains unaligned);</li>
 														<li>click the <b>Align right</b> <img alt="Align right icon" src="../images/alignright.png" /> icon to align the data to the right side of the cell (the left side remains unaligned);</li>
 														<li>click the <b>Justified</b> <img alt="Justified icon" src="../images/justify.png" /> icon to align the data both to the left and the right sides of the cell (additional spacing is added where necessary to keep the alignment).</li>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+													</ul>
 												</li>
 												<li>Change the vertical alignment of the data within a cell,
 													<ul>
-												Update helps.

											
										
										
											2017-09-20 08:31:59 +00:00
+														<li>click the <b>Align top</b> <img alt="Align top icon" src="../images/aligntop.png" /> icon to align your data to the top of the cell;</li>
 														<li>click the <b>Align middle</b> <img alt="Align middle icon" src="../images/alignmiddle.png" /> icon to align your data to the middle of the cell;</li>
 														<li>click the <b>Align bottom</b> <img alt="Align bottom icon" src="../images/alignbottom.png" /> icon to align your data to the bottom of the cell.</li>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+													</ul>
 												</li>
-												Add translation

											
										
										
											2020-08-12 11:25:32 +00:00
+												<li>Change the angle of the data within a cell by clicking the <b>Orientation</b> <img alt="Orientation icon" src="../images/orientation.png" /> icon and choosing one of the following options:
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+													<ul>
 														<li>use the <b>Horizontal Text</b> <img alt="Horizontal Text icon" src="../images/horizontaltext.png" /> option to place the text horizontally (default option),</li>
 														<li>use the <b>Angle Counterclockwise</b> <img alt="Angle Counterclockwise" src="../images/anglecounterclockwise.png" /> option to place the text from the bottom left corner to the top right corner of a cell,</li>
 														<li>use the <b>Angle Clockwise</b> <img alt="Angle Clockwise" src="../images/angleclockwise.png" /> option to place the text from the top left corner to the bottom right corner of a cell,</li>
-												Update help

											
										
										
											2020-11-13 13:35:26 +00:00
+														<li>use the <b>Vertical text</b> <img alt="Rotate Text Up" src="../images/verticaltext.png" /> option to place the text vertically,</li>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+														<li>use the <b>Rotate Text Up</b> <img alt="Rotate Text Up" src="../images/rotateup.png" /> option to place the text from bottom to top of a cell,</li>
-												[DE][PE][SSE] Updates to the documentation for version 5.3 release

											
										
										
											2019-05-15 11:40:18 +00:00
+														<li>use the <b>Rotate Text Down</b> <img alt="Rotate Text Down" src="../images/rotatedown.png" /> option to place the text from top to bottom of a cell.
 								                        </li>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+													</ul>
 												</li>
-												[SSE] Update help

											
										
										
											2021-04-30 14:41:43 +00:00
+												<p><img alt="Cell Settings" src="../images/cellsettings_rightsidebar.png" /></p>
 												<li>Indent text within a cell using the <b>Indent</b> section on the <b>Cell Settings</b> right sidebar. Specify the value (i.e. the number of characters) by which the contents will be moved to the right.</li>
 												<li>Rotate the text by an exactly specified angle, click the <b>Cell settings</b> <img alt="Cell settings icon" src="../images/cellsettings_rightpanel.png" /> icon on the right sidebar and use the <b>Orientation</b>. Enter the necessary value measured in degrees into the <b>Angle</b> field or adjust it using the arrows on the right.</li>
-												Update help

											
										
										
											2020-09-14 12:21:50 +00:00
+												<li>Fit your data to the column width by clicking the <b>Wrap text</b> <img alt="Wrap text icon" src="../images/wraptext.png" /> icon on the <b>Home</b> tab of the top toolbar or by checking the <b>Wrap text</b> checkbox on the right sidebar.
-												[SSE] Update help

											
										
										
											2021-04-30 14:41:43 +00:00
+												<p class="note"><b>Note</b>: if you change the column width, data wrapping adjusts automatically.
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+												</li>
-												[SSE] Update help

											
										
										
											2021-04-30 14:41:43 +00:00
+												<li>Fit your data to the cell width by checking the <b>Shrink to fit</b> checkbox on the right sidebar. The contents of the cell will be reduced in size to such an extent that it can fit in it.</li>
 												</ul>
-												webapps added

											
										
										
											2016-03-11 00:48:53 +00:00
+										</div>
 									</body>
-												Add translation

											
										
										
											2020-08-12 11:25:32 +00:00
+								</html>