Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-21054

Documentation theme: problem with position of expandCollapseAll=true links

      We are using a custom Documentation theme in Confluence 3.2.1_01 (i.e. we are inputting our own configuration rather than using the "out of the box" congiguration). This works well, apart from when we try to add the "Expand All" and "Collapse All" links via the

      {pagetree}

      macro. Although the links are displayed, they are pushed too far to the left and half of the "Expand All" link is invisible (see attached screenshot). This has been reproduced on both Firefox 3.6.10 and Internet Explorer 7.

      The macro we are using is as follows:

      {pagetree:root=Release Notes|expandCollapseAll=true|sort=position|searchBox=true}

      We believe it to be a CSS issue.

      Workaround

      1. Go to Dashboard > Administration > Look and Feel > Custom HTML
      2. Copy and paste the following code:
        <style>
        .plugin_pagetree_expandcollapse
        {
        margin-left: 2em;
        }
        </style>
        
      3. Save the Custom HTML

            [CONFSERVER-21054] Documentation theme: problem with position of expandCollapseAll=true links

            Hi There

            Thanks for taking the time to raise this issue. As you are no doubt aware this issue has been on our backlog for some time now with very little progress being made. Rather than leave this here I'm going to close this out as won't fix, I believe this better reflects the status of the issue.

            If the problem is raised again in the future we'll readdress it.

            Regards
            Steve Haffenden
            Confluence Bugmaster

            Steve Haffenden (Inactive) added a comment - Hi There Thanks for taking the time to raise this issue. As you are no doubt aware this issue has been on our backlog for some time now with very little progress being made. Rather than leave this here I'm going to close this out as won't fix, I believe this better reflects the status of the issue. If the problem is raised again in the future we'll readdress it. Regards Steve Haffenden Confluence Bugmaster

            Many thanks for the help with this one (Sarah as well) and apologies for the length of time take to respond. I can confirm that the fix suggested by Sashidaran does work. I haven't had time to teste Sarah's however (but gratefully receieved!).

            James Hurrell added a comment - Many thanks for the help with this one (Sarah as well) and apologies for the length of time take to respond. I can confirm that the fix suggested by Sashidaran does work. I haven't had time to teste Sarah's however (but gratefully receieved!).

            Another workaround for this issue:

            1. Go to Dashboard > Administration > Look and Feel > Custom HTML
            2. Copy and paste the following code:
              <style>
              .plugin_pagetree_expandcollapse
              {
              margin-left: 2em;
              }
              </style>
              
            3. Save the Custom HTML

            Sashidaran Jayaraman [Atlassian] added a comment - Another workaround for this issue: Go to Dashboard > Administration > Look and Feel > Custom HTML Copy and paste the following code: <style> .plugin_pagetree_expandcollapse { margin-left: 2em; } </style> Save the Custom HTML

            Hi James,

            I have created a JIRA support ticket for you at: support.atlassian.com You should receive an email shortly containing a direct link to the support ticket.

            Please refer to the support ticket for any future correspondence relating to this issue.

            In future can you please raise support requests such as this by creating an issue in our support system, https://support.atlassian.com, not in http://jira.atlassian.com. As our support engineers respond to cases in https://support.atlassian.com, it will ensure that your problem gets addressed as quickly as possible. Also, https://support.atlassian.com is configured so that only Atlassian and you have access to the case, therefore it is a more appropriate location for us to gather any required system data and configuration from you.

            Regards

            Atlassian Support Team.

            Patrick Gisbey added a comment - Hi James, I have created a JIRA support ticket for you at: support.atlassian.com You should receive an email shortly containing a direct link to the support ticket. Please refer to the support ticket for any future correspondence relating to this issue. In future can you please raise support requests such as this by creating an issue in our support system, https://support.atlassian.com , not in http://jira.atlassian.com . As our support engineers respond to cases in https://support.atlassian.com , it will ensure that your problem gets addressed as quickly as possible. Also, https://support.atlassian.com is configured so that only Atlassian and you have access to the case, therefore it is a more appropriate location for us to gather any required system data and configuration from you. Regards Atlassian Support Team.

            SarahA added a comment -

            As far as workarounds are concerned, I can’t think of anything ideal. I tried adding the following code into the config for the left-hand nav panel:

            {section}
            {column:width=1px}{column}
            {column}
            {pagetree:expandCollapseAll=true}
            {column}
            {section}
            

            The above code wraps the {pagetree} in a column, and inserts a column with a width of 1 pixel to the left of the page tree. It works, but 1 pixel is too much, so it doesn’t look all that great. You can, however, see the whole of the word “expand”.

            Another way is to use this code:

            {panel:bgColor=#ffffff|borderColor=#ffffff}
            {pagetree:expandCollapseAll=true}
            {panel}
            

            The above code wraps the {pagetree} macro inside a {panel} macro. I set the background and border colours to white, but you could choose any colour you like. Again, this is not ideal because the styling of the {panel} macro replaces the left-hand nav styling.

            SarahA added a comment - As far as workarounds are concerned, I can’t think of anything ideal. I tried adding the following code into the config for the left-hand nav panel: {section} {column:width=1px}{column} {column} {pagetree:expandCollapseAll=true} {column} {section} The above code wraps the {pagetree} in a column, and inserts a column with a width of 1 pixel to the left of the page tree. It works, but 1 pixel is too much, so it doesn’t look all that great. You can, however, see the whole of the word “expand”. Another way is to use this code: {panel:bgColor=#ffffff|borderColor=#ffffff} {pagetree:expandCollapseAll=true} {panel} The above code wraps the {pagetree} macro inside a {panel} macro. I set the background and border colours to white, but you could choose any colour you like. Again, this is not ideal because the styling of the {panel} macro replaces the left-hand nav styling.

            SarahA added a comment -

            I've tried this on Confluence 3.3.3 and can verify that the same problem occurs there too.

            SarahA added a comment - I've tried this on Confluence 3.3.3 and can verify that the same problem occurs there too.

            We also have a Support Entitlement Number if that helps.... or should I be using that elsewhere?

            James Hurrell added a comment - We also have a Support Entitlement Number if that helps.... or should I be using that elsewhere?

              shaffenden Steve Haffenden (Inactive)
              jameshurrell James Hurrell
              Affected customers:
              4 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: