Changes

Draft:Branding (view source)

Revision as of 11:17, 12 February 2024

992 bytes added ,  12 February
→‎Editing screen
Line 122: Line 122:  
====Inserting image====
 
====Inserting image====
 
----
 
----
 +
 
If you'd like to add an image to the device, proceed with the steps below.
 
If you'd like to add an image to the device, proceed with the steps below.
   Line 140: Line 141:  
     <tr>
 
     <tr>
 
         <th width=600; style="border-bottom: 1px solid white;></th>
 
         <th width=600; style="border-bottom: 1px solid white;></th>
−
         <th width=400; style="border-bottom: 1px solid white;" rowspan=2>[[File:2024-02-08 11h17 34.png|500px|border|class=tlt-border|right]]</th>
+
         <th width=400; style="border-bottom: 1px solid white;" rowspan=2>[[|500px|border|class=tlt-border|right]]</th>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
         <td style="border-bottom: 1px solid white>
 
         <td style="border-bottom: 1px solid white>
−
1. '''Drag''' - used to move the image around.
  −
  −
2. '''Rotate''' - used to rotate the image 90 degrees.
  −
  −
3. '''Edit''' - show/hide additional edit options.
  −
  −
4. '''Resize''' - used to scale the image.
  −
  −
  −
Additional buttons behind the '''Edit''' button are laid out as follows:
      
5. '''Upload image''' - used for image uploading.
 
5. '''Upload image''' - used for image uploading.
Line 176: Line 167:     
4. Using guidelines and edit buttons, adjust the image according to your needs.
 
4. Using guidelines and edit buttons, adjust the image according to your needs.
 +
 +
====Inserting text====
 +
----
 +
 +
Adding text to the device is similar to adding an image, but there are more options involved regarding the font and how the text looks.
 +
 +
1. By pressing Text in the '''Add Object''' section, you will find the same box as when inserting the image:
 +
 +
[[File:2024-02-12 09h43 53.png|border|class=tlt-border]]
 +
 +
The 4 main buttons here mean the same as in the image editing screen (drag, rotate, edit, resize).
 +
----
 +
 +
2. Pressing '''Edit''' expands the font editing options.:
 +
 +
<table class="nd-othertables_2">
 +
    <tr>
 +
        <th width=500; style="border-bottom: 1px solid white;></th>
 +
        <th width=600; style="border-bottom: 1px solid white;" rowspan=2>[[File:2024-02-12 10h05 26.png|1000px|border|class=tlt-border|right]]</th>
 +
    </tr>
 +
    <tr>
 +
        <td style="border-bottom: 1px solid white>
 +
1. '''Font''' - allows choosing the font.
 +
 +
2. '''Font size''' - select font size.
 +
 +
3. '''Line height''' - pushes text vertically in the box.
 +
 +
4. '''Font weight''' - choose font weight from light to bold.
 +
 +
5. '''Letter spacing''' -spaces out the letters.
 +
 +
6. '''Italic'''
 +
 +
7. '''Strike'''
 +
 +
8. '''Align left'''
 +
 +
9. '''Align center'''
 +
 +
10. '''Align right'''
 +
 +
11. '''Align justify'''
 +
 +
12. '''Text color'''
 +
 +
13. '''Background color'''
 +
 +
 +
 +
        </td>
 +
    </tr>
 +
</table>
    
==Bottom==
 
==Bottom==
Retrieved from "https://wiki.teltonika-networks.com/view/Special:MobileDiff/120294"

Navigation menu