DNN Forums

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

Is there anyone out there that can make DNN CE more look modern standard user forms?

Sort:
You are not authorized to post a reply.





Growing Member





    Can anyone please assist with DNN CE messages, social groups, journal, login, registration, and profile modules styled to more modern look and feel?  Also any topics related to this is being discussed on github so please share anything your willing to contribute here.

    I know there are some topics talking about adding functionality to user registration and login with 2 way authentication and other enhancements but I was thinking maybe someone in the community here might know someone if it isnt them that can give DNN CE Forms a +1 or +2.  The modules that have forms that display or take data IMO need some love with respect to working with modern devices.

    Thanks for any considerations or ideas to help contribute to the discussion. Anything everyone feels would commonly make DNN CE better in terms of how it looks and feels as compared with common sytles other popular and trending websites currently use.

    And to anyone who does contribute to this your awesome!






    Veteran Member





      You can style most of those by overruling the CSS.
      I just had a look at the input box for the journal.
      I managed to style it by adding:

      #journalEditor, .jcmt .cmteditarea{
          border:solid 1px #ddd;   
          border-radius:0;
          background:none;
          margin-bottom:1em;
          
      }

      #journalEditor #journalPlaceholder, .jcmt .cmteditarea .editorPlaceholder{
          padding-left:0;   
      }

      #journalEditor #tbar {
          right: 0;
      }

      With this result:

      But I have to say, it uses absolute positioning to place the icons on the right instead of floats or flexbox, so making this really responsive is going to take a bit of work.

       

       






      Growing Member





        This is awesome input thank you.  Please let me know how I can improve the platform to make it more stylish and friendly.  Or if you can put down a PR I am sure it would get accepted as long as it doesn't break anything.  I don't think much with CSS can break as long as the original classes stay.  The login and registration form is something I am trying to understand how to get the popup and page modernized.

        Those little hickups in the css like what you pointed out that make it hard to style DNN.  Create a PR or I can if you point it out here and find the time to improve upon what is learned along with solutions.  No one is going to do it, just who does it will make a huge help towards attracting more users to DNN.  It will only get as good as we make it to start for someone to get attracted to the platform. Which in turn creates more potential customers for those who support DNN and customizing it.  DNN 10 will be our first real community release in my mind as we are now given an opportunity to show our community support for the DNN community itself.

        I am learning my way through the platform and I want to adjust things as I look at each page in the code I look at.  CSS is one thing that has been a challenge in DNN.  Even with paid support it only gets so far before it gets hard to set things.

        I have just put in a PR for additional classes in Login so you can style things.  If there is anything that is annoying for making styles please point it out here.  DotNetNuke is on a pivot point right now and needs to get put on a correct coarse, and since it is 100% community driven now we as a community can use all the support we can get.  It takes time even to get back to this thread I am trying to resolve so many of my own issues with DNN.  I am now taking on what I can for CSS as I see the conflicts when trying to style myself.  I go nuts because I am a beginner but looking more at the code I can see more clearly what is going on and hopefully I can make some adjustments and submit as PR's to be accepted by the community.

        Thanks again for that input that is HUGE for me because again I am fairly fresh with front end modern web designs... I need to catch up to speed here so any help is greatly appreciated.

        Also www.dnndocs.com can use some tutorials and gaps filled in as well if anyone can help build that resource to help everyone out.






        Veteran Member





          Cody,

          Great you want to help out.
          Please note that most likely changes that will have a visual impact might not be accepted on minore versions.
          They would best be implemented in the next full version (like v10).

          Please ping your related  PR's in this thread too :-)

          Thanks, Timo






          Growing Member





            This is exactly what we are discussing now on GitHub

            I will update this with link in a minute I am trying to cross reference this thread with an RFC issue request.

            https://github.com/dnnsof...Platform/issues/3278

            Issue #3278 which will relate to some other discussions we agreed we needed community to put together futher details so we can move forward.  I will do the work... tell me what to do and for you my community masters I will try my best to make this happen by version 10 which is exactly what my personal goal was.  To get this fixed by version 10 so it makes sense to everyone that is reading current how to tutorials on how to edit CSS for a site.  No need for any screwballs here and something that is documented at www.dnndocs.com for Dnn.Next to display how things work and should be a part of 10 so developers can get used to it and make adjustments fully by 11. 

            I would personally love to see version 11 .Next or be on the way to introducing it.  A way to run either version you can choose is what I would like to research, however maybe a university that uses DNN can make some contributions now that it is non profit open source project.  I would love to see some fresh MIT student whoop something out that blows everyone away.  This is another topic...

            TImo, Your input is awesome here and anyone elses for CSS transition is great ,we need it!  I want to apply this to all the modules DNN currently uses so the sooner the better because anything we cannot style currently needs fixed up and can use the new naming convention to do so, or the old one...

            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