DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
Prev
Next

Loading SCSS into DotNetNuke

Forums > Themes, Containers, and Templates
Sort:
You are not authorized to post a reply.





TechieMD

Growing Member



Posts:37
Growing Member




12/19/2019 11:57 AM

    For New Year, I am trying to have Fireworks Overlay one of my pages.

    https://codepen.io/MillerTime/pen/NevqWJ

    I can create a .js file and load fine with HEAD of HTML module

    I can create a .css file and load fine with HEAD of HTML module.

    However, when I change the extension from .css to .scss, it does not load.

    With the .scss file, I get this error: 

    Not Found

    The requested document was not found on this server.

     

     

     

    Is this a server issue? A DNN issue?  Am I even able to use .SCSS with DotNetNuke?  Sorry .scss is very new to me...






    Timo Breumelhof (40F)

    Veteran Member



    Posts:1094
    Veteran Member




    12/19/2019 12:00 PM

      SCSS neeeds to be parsed to CSS, normally you do that on your development machine and then you upload the CSS to your site.
      DNN does not have any SCSSS parsing built in.

      40FINGERS Web Solutions · Style Helper · DDR Menu Demo Skins · SEO Redirect





      TechieMD

      Growing Member



      Posts:37
      Growing Member




      12/19/2019 12:14 PM

        Thanks -

        Hmm, I used CodePen to get the compiled CSS but it doesn't work as expected with the overlays....

        Is there a way to add an SCSS compiler to DNN? To a server?  Is there a way to use source code like in the codepen https://codepen.io/Miller...e/pen/NevqWJ on a DNN site?






        Timo Breumelhof (40F)

        Veteran Member



        Posts:1094
        Veteran Member




        12/19/2019 12:28 PM

          That's all possible, but not simple at all.
          You would have to install node.js on your server, not sure if you want to go that route as it's not needed at all.

          The better option is to copy the compiled CSS from Codepen (it's an option) and use that.

          40FINGERS Web Solutions · Style Helper · DDR Menu Demo Skins · SEO Redirect





          TechieMD

          Growing Member



          Posts:37
          Growing Member




          12/19/2019 8:13 PM

            Thanks.... unfortunately I gave up on this one :(
            The SCSS does seem to be necessary for the overlay to work correctly.

            The compiled CSS just doesn't give the same result, and it's missing a few parameters that I believe the scripting relies on...

             






            Timo Breumelhof (40F)

            Veteran Member



            Posts:1094
            Veteran Member




            12/19/2019 11:45 PM

              Sorry but that sounds very unlikely, I think you are missing something.

              40FINGERS Web Solutions · Style Helper · DDR Menu Demo Skins · SEO Redirect
              You are not authorized to post a reply.

              These Forums are dedicated to the discussion of DNN Platform.

              For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

              1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
              2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
              3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
              4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
              5. No Flaming or Trolling.
              6. No Profanity, Racism, or Prejudice.
              7. Site Moderators have the final word on approving / removing a thread or post or comment.
              8. English language posting only, please.

              Would you like to help us?

              Awesome! Simply post in the forums using the link below and we'll get you started.

              Get Involved