====== Tiling ======

===== Working window =====
To open "**Tiling mode**", press the corresponding icon on the toolbar:  \\  {{:eng_web:1_tiling.png|}}

===== Types of room. Surface choise for tile placement =====
By default, there are six standard view types available in the block "View" on the 
Toolbar:   \\  
{{  :eng_web:2_view.png|}}
  - "View left"
  - "View front"
  - "View right" 
  - "View rear" 
  - and **6** "View top / bottom" 

<note tip>**Attention!** Double-clicking on the "top view" (floor) switches view to the "Bottom View" (ceiling). </note>

**To rotate the room**, hold down the right mouse button and move the mouse in different directions to obtain a desired angle.  \\  
**To zoom in / zoom out** a project, use the mouse wheel. 

===== Catalog and Tileboard. Choosing tiles for the project =====
==== Adding tiles to Tileboard ====
To begin work with specific examples of the tiles, they should be added in the "**Tileboard**" from the "**Catalog**". "Tileboard" and "Catalog" are located at the bottom of the working area:  \\  {{:eng_web:3_cataloge.png|}}

Material selection Interface can be changed by switching to "Tileboard" or "Catalogue"(see. above). By default, the mode "Buffer placement and catalog" is displayed, which shows a little of both modes.

**To select the materials catalog**:
  - left click on the "Catalog";
  - select the necessary collection from the dropdown list. 

Keep in mind that collections can be displayed as a series of folders.  \\  
If you click on the folder (highlighted in red, as shown above), you can move quickly from one collection to another by rotating the mouse wheel. 

Catalog may contain several nested folders and may differ from the examples presented here. 
To add the desired tile from the "Catalog" to the "Tileboard" double-click on the desired tile. Last added tile in the "Tileboard" also appears in section "**Sample**".

==== Tile choice ====
Click on tile in the "Tileboard" to add it in section "**Sample**".  \\  

{{  :eng_web:5_sample.png|}} If "**Sample**" window display the desired tiles, you can determine the position in which the tiles will be placed on the wall.

By clicking on the arrows, you can change the position of the tiles (horizontal / vertical), turn it upside down, or turn it (45 °) angle. 

--------------------------------------------------------

There are **two ways** to place tiles on surface.
  - Use the buttons on the toolbar;
  - "A quick way" by (Drag-and-drop) dragging tiles. 

===== Placing tiles using the buttons on the Toolbar =====
<note important>Tiling is possible on the selected surface only.</note>

You can highlight the surface by clicking the left mouse button. Blue color of the surface means that surface is highlighted.  \\  
{{:eng_web:3_select.png|}}  \\  
Click on the desired tile in"installation buffer" or "tiles Catalog" so that she was in a block "Sample."   \\  
Now you can place this tile.
There is a row of buttons responsible for laying tiles on the left side: 
  * "Add row";
  * "Row above"; 
  * "Row below"; 
  * "Delete row"; 
  * "Replace"; 
  * "Move area";
  * "Add applique".
 
Lets see all the functions on example. 

=== Add row ===
"**Add row**" -- by clicking this button one row of tiles will be placed:  \\  {{:eng_web:6_row.png|}}  \\  

If you hold down “**Shift**” key on the keyboard and press “Add row”, all the selected space will be filled with selected tile, which at this moment is in the block "**Sample**":  \\  {{:eng_web:7_row_to_all_wall.png|}}


If you hold any number on the keyboard (for example, "4"), the number of rows corresponding to this number will be placed on the selected surface:  \\  {{:eng_web:8_4_rows.png|}}


==== Row above / Row below ====
"**Row above**" — places a row of tiles at the bottom of the selected tile. 
(if there are any tiles placed, they will be replaced)  \\  
{{:eng_web:9_add_row.png|}}
"**Row below**" - places a row of tiles on top of the selected tile.  \\  {{:eng_web:10_add_row.png|}}


==== Row on the left / Row on the right ====
 
**To insert a row on the left:** 
  - Highlight the tile in respect to which you want to place a row of tiles;
  - Click the right mouse button on the selected tile, then click "Insert a vertical row on the left":  \\  {{:eng_web:10_add_row_1.png|}}

Result: 

{{:eng_web:10_add_row_2.png|}}

**To insert a row on the right:**
  - Highlight the tile in respect to which you want to place a row of tiles;
  - Click the right mouse button on the selected tile, then click "Insert a vertical row on the right":  \\  {{:eng_web:10_add_row_3.png|}}

Result: 

{{:eng_web:10_add_row_4.png|}}
<note important>Attention! When you insert vertical rows, the orientation of tiles on the surface automatically changes from horizontal to vertical. So, for example, when you try to remove or move a row, a vertical but not horizontal row will be removed.</note> 
==== Deleting tiles ====

To delete **all the tiles** on the surface:
  - click on any tile on the surface you want to clean;
  - click on the icon {{:eng_web:4_del.png|}} on the toolbar or keyboard shortcuts **Shift + Del** (Delete). All the tiles will be removed from the surface. 


**To delete a row:**
  - highlight the tile in the row you want to delete;
  - click **Delete row** or press the keyboard shortcut **Ctrl + Delete**. 

<note important>Attention! By default, the row of tiles - is a horizontal row of tiles. The row direction can be changed by clicking on the icon "Change type of the selected row (vertical / horizontal)" {{:eng_web:11_row_type_1.png|}} / {{:eng_web:11_row_type_2.png|}}.</note>

==== Replacing tiles ====
"**Replace**" - replaces the selected tile to tile in "sample" window.
To select multiple tiles, placed near each other, select them by holding down the left the mouse button:
{{:eng_web:12_replace.png|}}

To select multiple tiles, placed separatly (for example, as shown above), hold on “Shift” key and click the left mouse button on all the tiles to be replaced:
{{:eng_web:13_replace.png|}}

==== Moving tiles =====
"**Move area**" - by clicking on this button you can move all the placed tiles on the selected surface:

{{:eng_web:14_move_area.png|}}

=== Moving rows ===
==== Placing tiles by drag and drop ====
To place the tiles in this way, it is enough to click the left mouse button on the needed tiles in the **Catalog**, **Tileboard** or in block "**Sample**" and drag it to the surface. 

{{:eng_web:15_drop.png|}}

First, one tile will be placed. To the left on the toolbar a block “**Operation options**” will appear. There, depending on the need, you can tick on needed checkboxes.  \\  
"**All walls**" -- tiles will be placed on all the walls of the room.  \\ {{:eng_web:16_drop.png|}}


"**Until the end**" -- tiles will be placed on the whole wall.  \\  {{:eng_web:17_drop.png|}}


=== Additional row ===
Also you can place a row of tiles by dragging. The blue line indicates a row, red - indicates in wich side a row will be placed. 
In this case, the result is:  \\  {{:eng_web:18_drop.png|}}
In case you need to modify the placement of the row, for example, as shown below, it is also corrected in the Toolbar, in block "Operation Parameters":  \\  {{:eng_web:19_drop.png|}}  \\  

  * "**Cutting row**" can be used, for example, to place tiles of different size.  \\  {{:eng_web:21_drop.png|}}  \\  {{:eng_web:22_drop.png|}}
  * "**Vertical row**" - turns the tiles in a row to a 90 degrees. Thus, a series of the same decorative tiles can look like this:  \\  {{:eng_web:20_drop.png|}}

=== Replacing tiles ===
You can also replace the tiles by dragging. 

Highlight the tile you want to replace one or more tiles, hold down the spacebar on the keyboard and drag the tile place a row or one tile:   \\   {{:eng_web:23_drop.png|}}  {{:eng_web:24_drop.png|}}  {{:eng_web:25_drop.png|}}  {{:eng_web:26_drop.png|}}


==== Align ====
Align directly affects the process of placing tiles. 

By default, the tile is placed from the bottom, from the center:  \\  {{:eng_web:27_align.png|}}

Similarly, the **align** works "right edge - bottom / middle / top "," left edge - bottom / middle / top. "

For exaple, center + middle:  \\  {{:eng_web:28_align.png|}}

And center + top:  \\  {{:eng_web:28_align.png|}}

The only difference is in the horizontal position of the tiles relative to the boundaries of the box. Also, as an analogy to a horizontal binding, works positioning of the text in the popular text editors -- {{:eng_web:position_word.png|}}. However, the first row of tiles can be placed in the middle of the wall or on top of it. 

==== Gap ====

"**Gap**" in Toolbar -- it is the distance specified in millimeters, between the tiles. The default 
value is 2 mm. There is a slight depending of the tiles count from the size of the stitch.
 
<note tip>**Attention!** Color of the coating in the joints between the tiles coincides with the chosen color of the surface of the box in the "Room Plan." 
</note>
==== Angle ====
"**Angle**" in the toolbar -- it is the angle of rotation of the tiles.
 
To rotate the tiles on the surface at a specified angle:
  - select any tile on the surface;  \\  {{:eng_web:30_angle.png|}}
  - in the "Angle" field enter the desired value (specified in degrees);  \\   {{:eng_web:31_angle.png|}}
  - press the **Enter** key on your keyboard.  \\  {{:eng_web:32_angle.png|}}

Angle of rotation of the tiles can be changed any number of times. 


Also, when you drag the tiles on the surface you can change the angle of rotation the tiles through in functions of "**Sample**" block:  \\  {{:eng_web:33_angle.png|}}
==== Offset ====
"**Offset**" in the toolbar — it is a value of tiles shift in rows relative to each other.
 
When set to "0" tiles are accurately stacked:  \\  {{:eng_web:смещение_нет.png|}}

If the value is 50%, they are arranged as follows:  \\  {{:eng_web:смещение_50проц.png|}}

At 100 mm:  \\  

{{:eng_web:смещение_100мм.png|}}

To apply the entered values on the surface:
  - select any tile on the surface;
  - enter the required value in the "**Offset**", check the correctness of the chosen units (percentage or millimeters) and click on the green tick:  \\  {{:eng_web:34_offset.png|}}

<note tip>Offset value can be specified in percents, and in absolute terms - in millimeters.</note> 

==== Areas ====
The "**Add row into new area**" function is available by clicking on the icon on the Toolbar.
 
"**Area**" — it is a portion of the surface of the box, where you can visually highlight tiles by changing placing (angle) independent of the rest of the surface. 
 
Using the "Area":  \\  {{:eng_web:область_2.png|}}

The same without "areas" function:  \\  {{:eng_web:область_1.png|}}  \\  
The first rows of tiles (the first area) are placed as usual, without any functions -- "Sample" and tile angle are only indicated.
 
Different angles in different areas:  \\  {{:eng_web:область_3.png|}}

//By default, each surface of the box is a separate area. Placing the first rows of tiles on the surface, creates a separate area. //  \\  

**To create a new area**:
  - click on the icon {{:eng_web:10_sections.png|}};
  - choose another sample and the angle of tiles rotation if necessary and continue placing the rows. 

To create any ammount of new areas repeat this operation.
===== Offsets =====
"**Offsets**" may be useful in the case of non-standard project, for example, for the construction of tile apron for the kitchen or any other option with partial stacking of wall with tiles. 

In fact, "Offsets" cut off  the areas of the surface where material should **not be placed**. 

<note important>**Attention!** The "Offsets" field becomes available in the Toolbar, only when any surface is highlighted.</note> 

For example, it is necessary to design an apron, which should start with an 650 mm from the floor and 
end at 750 mm from the ceiling:  \\  
{{:eng_web:35_offsets.png|}}

{{:eng_web:36_offsets.png|}}

{{:eng_web:37_offsets.png|}}

===== Pattern =====
The pattern is used for fast placing of a set of different tiles.
 
For example, in a “checkerboard pattern»:  \\  {{:eng_web:48_pattern.png|}}

Or in “check mark pattern":  \\  {{:eng_web:49_pattern.png|}}

**To create a template**: 
  - Place a check mark in the check box "Template":  \\  {{:eng_web:42_pattern.png|}}
  - Select the desired template by pressing drop-down menu (highlighted):  \\  {{:eng_web:43_pattern.png|}}  \\  Similarly, drag the tile on all of the blank cells of the template.  \\  {{:eng_web:44_pattern.png|}}   {{:eng_web:45_pattern.png|}}  \\    {{:eng_web:46_pattern.png|}}   {{:eng_web:47_pattern.png|}}  \\   {{:eng_web:49_carpet_4.png|}}  \\  You can replace one tile to another, by drag and drop the tiles from the buffer to the cell stacking template.
  - Drag and drop the desired tile on the empty fields in the selected template by holding the left button of the mouse.

"Check mark" template is formed in a similar manner. To place the "Check mark" template, tiles should be of different width and height (not square) and placed in relation to each other - general to the narrow side. 

To rotate the tile in the block "Sample", right-click over it, and it will rotate 90 °.  \\  {{:eng_web:44_pattern_1.png|}}  {{:eng_web:44_pattern.png|}}
It makes sense for the tiles in various patterns with different width and height. 

<note tip>Attention! If the pattern is not completely filled, a error will occur, and the tile won't be placed. 
Lets look at the tiles, which are intended for such stacking.</note> 

==== Pattern with a border - "carpet" ====
The most complex pattern for placing - a pattern with a border. 
Suitable for use:
  - elements of a collection designed for such placement (square tiles at the center, border with a width equal to sides of the central tiles, corner square inserts with a side equal to the height of the border);
  - tiles of equal size. 


Lets look at the tiles, which are intended for such stacking. 
  - Check the box "template" and select from the drop down menu a needed option of placing:  \\  {{:eng_web:ковёр.png|}}
  - Drag and drop in the appropriate cells the tile which must be in the template.   \\  //**Check the size of the tiles, which you put in!**//  \\  {{:eng_web:49_carpet_1.png|}}  {{:eng_web:49_carpet_2.png|}}  {{:eng_web:49_carpet_3.png|}}
  - Select a surface and place the tiles the way you want. For exapmle:  \\  {{:eng_web:49_carpet_6.png|}}

<note tip>This type of placing is most often used as a decorative inserts when placing floor tiles.</note> 

Attention! Drag and drop the tiles exactly in the cell, with respect to which it is oriented! 

==== Laying the tiles from the template ====
The process of placing tile pattern similar to the normal process of placing. 
The difference lies in the fact that, depending on the shape of the pattern, two or more rows can be regarded as one row.

Further work with the tiles can occur as usual. 
<note important>Attention! Depending on the type and size of the tiles its default angle to the surface may vary. You can change the angle of the placement if necessary (select tiles, specify the desired value in the "Angle" field and press Enter on the keyboard).</note> 


===== Applique =====

"Applique" in Ceramic Web - it is an addition of a tile or template of tiles above the placed tiles.  
Applique can be a tile of any size and shape. 

**To add a Applique on the surface:**
  - highlight the tiles on the surface over which a Applique should be installed;
  - select the desired tile in the Tile catalog and click "**Add Applique**":  \\  {{:eng_web:55_applique.png|}}
  - result:  \\  {{:eng_web:56_applique.png|}}


Frame can be moved freely around the surface.  \\  {{:eng_web:57_applique.png|}}

To make frame "anchore" to the edges of other tiles, hold it with a mouse in the area closer to the corners. 

**To delete** a frame, select it and press the **Del** (Delete) on the keyboard. 

You can add multiple frames on a surface. Example of frame:  \\  
{{:eng_web:58_applique.png|}}
===== Changing the size of the room. Placing tiles in space =====
If the tiles are already placed, but you need to change the dimensions of the room:
  - go into the "**Floor plan**";
  - change the size of the room.  \\  {{:eng_web:38_edit_room.png|}}

To change the size of the room:
  - click in one of the wall;
  - drag the wall.
{{:eng_web:39_edit_room.png|}}
{{:eng_web:40_edit_room.png|}}


If the dimensions are increased in a big way, part of surface (usually the floor) can be unfilled with tiles. 

To fix this:
  - go into the "Tiling";
  - highlight the surface with right click on the mouse where blank area formed, and from the context menu, select "Fill free space."  \\  {{:eng_web:41_edit_room.png|}}

Missing tiles will be placed. 
===== Box and placing tiles on it =====
In the "**Tiling**" mode, ther is the possibility of constructing an object "**box**". More complete, this function is implemented in the mode "**Installation of objects**".

 
To create a box, the wall should be filled with tiles. 
  - Highlight the tile, which should be closed by the box, and click the right mouse button on the selected segment:  \\  {{:eng_web:50_box.png|}}
  - Select "**Create box from tiles**". A dialog box will appear:  \\  {{:eng_web:51_box.png|}}  \\  Here, select the desired depth of the box. (The distance at which it must move away from the wall.) 

The result is as follows:  \\  {{:eng_web:52_box.png|}}

After that, you can place tiles on the box (all the rules of tiles placement remain unchanged):  \\  {{:eng_web:53_box.png|}}


<note important>To delete a box or move it, go into the "**Installation of Objects**" mode. In this mode, you can work with the box as with any other object: modify, move, rotate, delete.  \\  
However, you can place tile on it only in the "**Tililg**".</note>