Add a new default editor css file only to sites that have been redesigned

Barbara Seaton's Avatar

Barbara Seaton

20 Aug, 2015 03:27 PM

We just went through a major redesign on our web site. The overall appearance on all sites has changed, however, we are working site by site on converting them to new "functionality" (new data definition and blocks).

We'd like to be able to reassign the default editor css for the converted sites to a new css file that has only classes that would apply to a converted site, while leaving the global.css file as the default for the unconverted sites.

Site Management only allows us to select a local css file for a site. And I've tried importing another css file into this local css file, but that doesn't work. (The import was discussed on another thread here. We upgraded and still doesn't work.)

The easiest solution would be to allow us to select a css file from another site via the Site Manager. Are there any plans in future upgrades to have it work this way?

And in the meantime, is there a solution for this otherwise? We'd like to get this done before we convert too many sites so we can include it in our process.

Thanks!

  1. 1 Posted by Ryan Griffith on 21 Aug, 2015 01:56 PM

    Ryan Griffith's Avatar

    Hi Barbara,

    Unfortunately, there is no way to choose a CSS file from another Site at this time. I did not have a chance to try this, but you could attempt to use an @import statement and link to the raw rendering of the file. This URL would look something like the following:

    //{CMS_URL}:{CMS_PORT}/render/file.act?forceMime=true&id={FILE_ID}&type=file
    

    Where {CMS_URL}:{CMS_PORT} would be the URL and port you use to access Cascade (eg cms.ung.edu); leave off the :{CMS_PORT} if you use the standard http/https ports (80/443). {FILE_ID} would be the ID of the file itself, which can be obtained by viewing the File and copying the id= parameter from the URL.

    That being said, I was able to locate this suggestion on our Idea Exchange that proposes being able to choose a File from different Site for this field. I highly recommend voting this up if you would like for the feature to be considered for a future release.

    Please let me know if you have any questions.

    Thanks!

  2. 2 Posted by Wing Ming Chan on 21 Aug, 2015 03:17 PM

    Wing Ming Chan's Avatar

    Hi Barbara,

    This can be done easily using web services (just a few lines of code). Such a script can check a site to see if the css file exists, and if it does not, create it. And then it will hook up the site with the new css file, and plug in the new css classes. If you can handle web services and are interested, let me know.

    Wing

  3. 3 Posted by Barbara Seaton on 21 Aug, 2015 06:29 PM

    Barbara Seaton's Avatar

    Thank you both of you!

    Our programmer helped me figure out how to make Ryan's @import statement work. So now we can pull in a css file from another site into the local css file of a site. And we can add any custom styling for a specific site just to their local css, and have all of the classes (local and "remote") show up in the styles drop-down.

    Wing, thank you for the offer. Our programmer knows how to use web services to do what you described. But your offer was much appreciated.

    This is what makes this community so great!

  4. 4 Posted by Ryan Griffith on 21 Aug, 2015 06:51 PM

    Ryan Griffith's Avatar

    Thank you for following up, Barbara, I am glad to hear my workaround did the trick.

    If you have not done so already, definitely vote up the suggestion on our Idea Exchange if you would like to have cross-Site CSS Files considered for a future release.

    I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

    Have a great day!

  5. Ryan Griffith closed this discussion on 21 Aug, 2015 06:51 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac