Uploaded image for project: 'Confluence Cloud'
  1. Confluence Cloud
  2. CONFCLOUD-53669

Importing an External Style Sheet is not working in Style Macro

      Summary

      When using Style Macro, importing an external style sheet is not working. Defining a Stylesheet appears to be working.

      Environment

      Confluence Cloud: 1000.81.0

      Steps to Reproduce

      1. Edit a page.
      2. Click Insert > Other Macros
      3. Select the Style Macro
      4. Specify a URL to import an external stylesheet
      5. Save the page.

      Expected Results

      • The custom style sheets is not being applied when using the import parameter in Style Macro

      Actual Results

      • The custom style sheets should be applied when using the import parameter in Style Macro

      Notes

      • Tested in Confluence Server 5.9.4 and it works fine.

      Workaround

      • Define a Style Sheet instead of Importing an External Style Sheet.

            [CONFCLOUD-53669] Importing an External Style Sheet is not working in Style Macro

            Hi everyone,

            Thank you for previously raising this bug and bringing it to our attention.

            Within our company roadmap and work capacity, we try to address or review each bug request but admit that not each one will be resolved. To continue the culture of being honest and open, we are closing this bug to focus on our upcoming roadmap for all Confluence users.

            As we continue to roll out features we do look at requests made by our users and if you feel like this bug is still impacting your team please let us know.

            Thank you again for providing valuable feedback to our team!

            Sunny Xu (Inactive) added a comment - Hi everyone, Thank you for previously raising this bug and bringing it to our attention. Within our company roadmap and work capacity, we try to address or review each bug request but admit that not each one will be resolved. To continue the culture of being honest and open, we are closing this bug to focus on our upcoming roadmap for all Confluence users. As we continue to roll out features we do look at requests made by our users and if you feel like this bug is still impacting your team please let us know. Thank you again for providing valuable feedback to our team!

            Being able to import an external stylesheet, for those that use them, is essential. No one wants to have to maintain in-page stylesheets to maintain overall corporate style; that's a ridiculous premise, as there is no way to update them all in bulk. External style sheets are expected at my org and, honestly, expected industry-wide for designers expected to know them. They post ZERO security risk, especially embedded into 12+ iframes, as you've built out in the Cloud editor. Especially because on-prem do not have this restriction. And ESPECIALLY because you are re-including it into your new Premium offering. How not okay is that? We signed on because of many of these features you keep removing only to re-include them to Premium and NOT removing them from on-prem. Why??

            Charisma Riley added a comment - Being able to import an external stylesheet, for those that use them, is essential. No one wants to have to maintain in-page stylesheets to maintain overall corporate style; that's a ridiculous premise, as there is no way to update them all in bulk. External style sheets are expected at my org and, honestly, expected industry-wide for designers expected to know them. They post ZERO security risk, especially embedded into 12+ iframes, as you've built out in the Cloud editor. Especially because on-prem do not have this restriction. And ESPECIALLY because you are re-including it into your new Premium offering. How not okay is that? We signed on because of many of these features you keep removing only to re-include them to Premium and NOT removing them from on-prem. Why??

            Hi, same issue. I've resolved linking the stylesheet in https, using a <link /> tag in "custom HTML" section.

            Andrea Crevola added a comment - Hi, same issue. I've resolved linking the stylesheet in https, using a <link /> tag in "custom HTML" section.

            Nick added a comment - - edited

            When I add a CSS attachment to the "import" field within the Style Macro, I get the following error:

            Request URL:
            https://mydomain.atlassian.net/wiki/download/attachments/36307/toc-styles.css

            Referrer Policy:
            no-referrer-when-downgrade

            Nick added a comment - - edited When I add a CSS attachment to the "import" field within the Style Macro, I get the following error: Request URL: https://mydomain.atlassian.net/wiki/download/attachments/36307/toc-styles.css Referrer Policy: no-referrer-when-downgrade

            I need to continue development on my space. So in the meantime I'll add CSS the hard way (to every page in a {style} macro). I've copied the page with the error though so you can view it when needed. The new link is below.

            https://flexsf.atlassian.net/wiki/spaces/ID/pages/307068951/Copy+of+Ignite+Dev

            Josh Chadwick added a comment - I need to continue development on my space. So in the meantime I'll add CSS the hard way (to every page in a {style} macro). I've copied the page with the error though so you can view it when needed. The new link is below. https://flexsf.atlassian.net/wiki/spaces/ID/pages/307068951/Copy+of+Ignite+Dev

            I just experienced this issue today on a space I'm working on.

            https://flexsf.atlassian.net/wiki/spaces/ID/overview

            The macro is applying styles to the page (tested applying color to h1) but nothing in the style sheet is being applied. I'm experiencing this issue in the latest version of Chrome (Version 63.0.3239.132).

            Josh Chadwick added a comment - I just experienced this issue today on a space I'm working on. https://flexsf.atlassian.net/wiki/spaces/ID/overview The macro is applying styles to the page (tested applying color to h1) but nothing in the style sheet is being applied. I'm experiencing this issue in the latest version of Chrome (Version 63.0.3239.132).

            Works fine for me. I tested using https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css and confirmed that the css is loaded.

            Perhaps the URL you were using was invalid? Can you confirm with your browser inspector if the resource loads?

            jonah (Inactive) added a comment - Works fine for me. I tested using https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css and confirmed that the css is loaded. Perhaps the URL you were using was invalid? Can you confirm with your browser inspector if the resource loads?

              Unassigned Unassigned
              jalor Janice Alor (Inactive)
              Affected customers:
              2 This affects my team
              Watchers:
              10 Start watching this issue

                Created:
                Updated:
                Resolved: