- Renders an link to edit an item in the content centre if the current user is
- logged in and has the permission to edit the item.
+ Provides the href for creating a link to edit the current item in the
+ content centre if the current user is logged in and has the permission to edit the
+ item.
+ To use this feature put the following snippet like the following into the + templates for the content items in your theme: +
++ <edit-link> + <div class="edit-link"> + <a> + <a> + ✎ + </a> + </a> + </div> + </edit-link> ++
+ The example uses an UTF-8 character from the Dingbats block (a pencil).
+ You can of course use another character, text or an image. To
+ reduce the amount of code needed you may add a fragment template and include this
+ template using the include tag.
+
+ You also have to include styles for the edit link into your theme. + The foundry-base theme, for example, puts the edit link the top right + corner of the area which shows the content item. This is done by the following + styles: +
+
+ /* Sets the reference point for position: absolute
+ to the main element block */
+ main {
+ position: relative;
+ }
+
+ /* Don't show the edit link on a first glance */
+ main .edit-link {
+ display: none;
+ }
+
+ /* Display the edit link in the top right corner
+ of the content item area if the cursor is in
+ the content item area */
+ main:hover .edit-link {
+ display: block;
+ position: absolute;
+ right: 0;
+ top: 0;
+ font-size: 30px;
+ color: #0776a0;
+ /* Blue border around the link */
+ border: 1px solid #0776a0;
+ /* Make the link 32px in width and height */
+ width: 32px;
+ height: 32px;
+ text-align: center;
+ }
+
+ /* Remove default decoration for links */
+ main:hover .edit-link a:link,
+ main:hover .edit-link a:hover,
+ main:hover .edit-link a:active,
+ main:hover .edit-link a:visited {
+ color: #0776a0;
+ text-decoration: none;
+ }
+
+