Three Ways to Deal With Long Pages in Atlassian Confluence

March 18, 2014
#Confluence
4 min

Making changes to Confluence pages is a pretty straightforward task thanks to a user-friendly Atlassian Confluence editor. However, as implied by this highly voted feature request, many people find it annoying to edit really long pages.

As pages get more complex, scrolling back and forth and hunting for the part you want to edit can be pretty tiresome. Moreover, if someone else is editing the same page simultaneously with you, you’ll have to deal with resolving editing conflicts.

The general idea of solving this problem is to divide a page into several parts and edit them separately. In this post we’ll show some tools that can help you tackle this issue by so called sectional editing.

Include Macro

First solution is easy and doesn’t require installing any third-party tools. You need to compose a page of several shorter children pages that can be edited one by one with the macro Include Page that comes preinstalled with Confluence. On your main page locate Include Page in the list of default Confluence macros:

include macro

Insert the macro for every page you want to include. When you’re done you main page in the Edit mode will look like this:

include macro edit mode

Now, we want to make links that will take us to the Edit mode for every page so that you could quickly start editing a separate page. To do that, go to your children pages’ editors and copy the link from the browser address bar. Then go back to the main page, create a web-link called, for example, Edit and paste the address. It’s important to create a web link, because otherwise Confluence will convert an Edit mode link to a View mode link, and this is not what we want.

Create web links for all children pages and you’ll get something like this:

include macro links

In the View mode you now can click the edit links to jump directly to a page editor.

include macro view mode

This approach, however, has a couple of drawbacks. First, you need to create page sections manually and changing the page layout can be tricky. Second, every time you go to a children page editor you need to navigate back to your main page manually.

Zen Foundation Theme

This last problem is perfectly solved by using the Zen Foundation theme. It’s a custom theme that lets you easily create page sections and is full of other nice features like a drag&drop layout and flexible permission control.

zen theme

But again, you need to create sections manually, and unless you’re a very small team, the prices can scary you off.

InPlace Editor

A cheaper and much easier solution is our InPlace Editor. If your page already contains headings, after installing InPlace Editor you’ll see small icons next to each of them.

editing headings in Confluence

Clicking the icon takes you to the native Confluence editor where you can edit only this section alone. Also, if several people are editing different sections of the same page at the same time, you avoid the risk of editing conflicts, since all changes made in different parts are merged. In a rare case when someone is editing the same section as you are, the standard Confluence merge mechanism is invoked upon saving the changes.

InPlace Editor works out of the box and doesn’t require complex setting up. However, it lets you activate the editor icons only for certain heading levels and disable the add-on completely for selected spaces.

inplace editor settings

To make the editing process even more productive, it would be a good idea to use InPlace Editor along with the default macro Table of Contents. While the former lets you edit a page part, the latter is a nice way to get to this part.

table of contents in Confluence

You can try InPlace Editor in our Live Demo without installing it or generate a 30-day free trial license and evaluate it on your Confluence.

Related posts

    Atlassian Confluence Look & Feel Tricks: Turning Off Table Sorting

    February 4, 2014
    #How To#Confluence
    2 min
    Edit long Confluence pages by parts with InPlace Editor.  Check the demo and try for free.

    In the previous Confluence How To posts, we focused on the look of Confluence proper. And now we will show you what can be done with your content. Specifically, we are going to share a couple of tricks that can be useful for turning off table sorting in Confluence. By default, there’s no standard way to do that for certain tables which can be painful since some tables don’t make any sense once sorted.

    table sorting

    Confluence provides the way to disable the Confluence Sortable Tables plugin though. However, this could be overkill, since sometimes sorting may come in handy.

    One of the workarounds might be removing the standard header row and mimicking it with a highlighted first row with bold text in it.

    fake row

    However, if you need the standard header row for some reasons, you may want to insert an empty row right after it and merge all cells in this row. This will prevent the table from being sorted. In fact, if your table contains any merged cells, it can’t be sorted, here we added a dummy row for a nice table look and data consistency.

    dummy row

    Another solution might be to add an empty column and merge all its cells with the column before  it. Your table will look like the original one and the number of rows won’t change, however, you should have time and patience for merging cells for each row, so this makes sense only for short tables.

    dummy column

    Follow us on Twitter and Facebook to stay tuned for future hints and tricks.

    Related posts

      Atlassian Confluence Look & Feel Tricks: Tweaking Page Titles

      January 20, 2014
      #How To#Confluence
      2 min
      Edit long Confluence pages by parts with InPlace Editor.  Check the demo and try for free.

      In on of the previous posts here we showed you how to change the look of the Confluence homepage. Now let’s see what can be done about normal pages. Below is one of our Documentation pages. What we want to do is change its title font and get rid of the line showing page changes (byline).

      first

      To do that, select Look and Feel in Space Tools  on the space sidebar and go the Stylesheet tab.

      spacetools

      To change the page title font to Tahoma and increase its size to 50px, we add the following lines to the space stylesheet. Note that space stylesheets override the global stylesheet and the changes made in a space stylesheet apply for all pages in this space.

      h1#title-text {
       font-size: 50px;
       font-family: tahoma;
      }
      

      Ok, now we want to hide the byline and make it pop up only when hovered over. For this, add the following:

      .page-metadata ul {
       visibility: hidden;
      }
      .page-metadata:hover ul {
       visibility: visible;
      }
      

      After saving the stylesheet and reloading our page, we get the page that looks like this.

      after

      The font has changed and there’s no visible byline unless we move the cursor over it.

      byline

      Follow us on Twitter and Facebook to stay tuned for future hints and tricks.

      Related posts

        Atlassian Confluence Look & Feel tricks: How to Make Your Homepage More Attractive

        December 19, 2013
        #Confluence#How To
        2 min
        Add contextual comments with Talk Inline CommentsCheck the demo and try for free.

        Don’t judge a book by its cover? Yeah, right. However, Atlassian Confluence is not a book and tuning its ‘cover’ (i.e. the homepage) might make its look cleaner and more attractive for your team, customers or whoever visits your enterprise wiki. In this post we’ll share a couple of tricks for turning  your main Confluence page into a real eye-catcher.

        If you ever visited our Documentation site (that is actually a Confluence 5 instance), you may have noticed that the main page looks different than a standard Confluence dashboard. What we did first was changing the site homepage to the main page of a space named doc.

        tricks11

        That gave us more flexibility in arranging content on the main page, since the standard dashboard is not something you can deeply customize. On the contrary, any main page of any space allows you to change layouts, insert images and videos and do whatever you want. We placed large add-on icons that users would click to go to add-on manuals.

        However, there was still one problem with our homepage. As we already had a navigation system on the page, the sidebar with the page tree seemed redundant.

        tricks2

        One solution could have been to add global styles and hide the sidebar on all pages with the default theme. But we wanted to hide it on the homepage only, we still needed it inside each space. That’s why we wrote a user macro that hides the sidebar. In Administration – User Macros we created a new macro with the following code:

        <style>
            .ia-fixed-sidebar {
                visibility: hidden !important;
            }
            #main {
                margin-left: 0px !important;
            }
        </style>
        

        We inserted the macro to the page and voilá, the sidebar is not there anymore!

        tricks4

        Now, we have a minimalist-looking homepage and sidebars inside spaces for better navigation. If you want to try this in your Confluence and have questions, we’d be happy to help you out, drop us a line or just comment this post.

        Confluence 5 Tips: How to Develop Confluence Blueprints Addons

        April 8, 2013
        #Confluence
        1 min
        Check our add-ons for Confluence.

        Recently released Conflunece 5 is no doubt a great product. New space sidebar, new Application navigator, new look and feel – at StiltSoft, we like all these features a lot. But most of all we like Confluence Blueprints that make creation of new content easy and quick.

        Last week we rolled out a new version of Evernote Plugin that allows to create Confluence pages right from notes in Evernote. And Blueprints make this even easier.

        Being one of the first developers employing Blueprints when creating plugins, we’d like to share our experience with others. To do that, we developed a nifty plugin that creates pages from good old wiki markup in the View mode. Confluence Blueprints allows to create pages without entering the Edit mode!

        Continue reading “Confluence 5 Tips: How to Develop Confluence Blueprints Addons”