Difference between revisions of "Sliding Tiles"

From RCampus Wiki
Jump to: navigation, search
 
(6 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
Simply enter the desired content into the tiles and then slide them around on the page until they are arranged in a manner that suits your needs. Content that can be added into a tile include text, images and links.  
 
Simply enter the desired content into the tiles and then slide them around on the page until they are arranged in a manner that suits your needs. Content that can be added into a tile include text, images and links.  
  
The sliding tiles feature was designed to help users customize their pages with ease. The editing options are more limited than those available with the [[Free Format]] development option to ensure simplicity, however use of sliding tiles provides more control over the layout of your page.  
+
The sliding tiles feature was designed to help users customize their pages with ease. To ensure simplicity, the editing options are more limited than those available with the [[Free Format]] development option, however use of sliding tiles provides more control over the layout of your page.  
  
 
For information about how to select this formatting option, see [[online editor|Invoke Online Editor]].
 
For information about how to select this formatting option, see [[online editor|Invoke Online Editor]].
  
  
'''NOTE''': Additional layouts and the ability to add more sliding tiles are only available with a Premium upgrade.
+
'''NOTE''': Additional layouts and the ability to add more or remove sliding tiles are only available with a [[Premium_Upgrades|Premium upgrade]].
  
  
==How to use Sliding Tiles==
+
==How to activate Sliding Tiles==
#Click on the edit page button located to the left of the content window.
+
#Click on the orange edit page button (http://www.rcampus.com/images/buttons/SiteAdmin/edit_page.gif) located to the left of the content window.
#Select '''activate tiles''' by clicking the small box to the left. When you see a check in the box, you have selected the Sliding Tiles format.
+
#Select '''activate tiles''' by checking the small box to the left. When you see a check in the box, you have selected the Sliding Tiles format.
#Tiles will appear at the bottom of the page. To edit or add content to a tile, click the small pencil icon located in upper right corner of the tile.
+
#Tiles will appear at the bottom of the page.  
#In this window you can add [[building content|and/or edit text, images, links, etc]]. Save your changes by clicking '''save''', at the bottom of the tile.
 
#To slide tiles, click anywhere on the tile and hold down the mouse as you drag it to the desired location. A box with dotted borders will appear when you drag the tile to an area that it can be moved to.
 
  
  
Note: These changes are saved automatically.  
+
Note: These changes are saved automatically.
  
 +
 +
==How to edit a tile==
 +
#To edit or add content to a tile, click the small pencil icon located in upper right corner of the tile.
 +
#Enter [[building content|and/or edit text, images, links, etc.]] in a popup window.
 +
#Save your changes by pressing [save], at the bottom of the tile.
 +
 +
 +
Note: These changes are saved automatically. 
 +
 +
 +
==How to rearrange tiles==
 +
#To rearrange tiles, simply slide them by clicking on the title bar and dragging it to the desired location.
 +
#A box with dotted borders will appear when you drag the tile to an area that it can be moved to.
 +
 +
 +
Note: These changes are saved automatically and your visitors can view them instantly.
 +
 +
==How to edit tile content, insert images, upload files, and more==
 +
Please see [[Editor Tutorial]] for more information.
  
 
==See also==
 
==See also==
Line 27: Line 44:
  
  
[[Category:Electronic portfolio]]
+
[[Category:ePortfolios]]
[[Category:Course Management System]]
+
[[Category:LMS]]
 
[[Category:Websites]]
 
[[Category:Websites]]

Latest revision as of 18:44, 3 February 2023

Sliding Tiles provide an easy-to-use method for organizing the layout of any page that you create on RCampus. They are available when developing content for your personal websites, ePortfolios, class home pages, etc.

Simply enter the desired content into the tiles and then slide them around on the page until they are arranged in a manner that suits your needs. Content that can be added into a tile include text, images and links.

The sliding tiles feature was designed to help users customize their pages with ease. To ensure simplicity, the editing options are more limited than those available with the Free Format development option, however use of sliding tiles provides more control over the layout of your page.

For information about how to select this formatting option, see Invoke Online Editor.


NOTE: Additional layouts and the ability to add more or remove sliding tiles are only available with a Premium upgrade.


How to activate Sliding Tiles

  1. Click on the orange edit page button (edit_page.gif) located to the left of the content window.
  2. Select activate tiles by checking the small box to the left. When you see a check in the box, you have selected the Sliding Tiles format.
  3. Tiles will appear at the bottom of the page.


Note: These changes are saved automatically.


How to edit a tile

  1. To edit or add content to a tile, click the small pencil icon located in upper right corner of the tile.
  2. Enter and/or edit text, images, links, etc. in a popup window.
  3. Save your changes by pressing [save], at the bottom of the tile.


Note: These changes are saved automatically.


How to rearrange tiles

  1. To rearrange tiles, simply slide them by clicking on the title bar and dragging it to the desired location.
  2. A box with dotted borders will appear when you drag the tile to an area that it can be moved to.


Note: These changes are saved automatically and your visitors can view them instantly.

How to edit tile content, insert images, upload files, and more

Please see Editor Tutorial for more information.

See also