Coder Social home page Coder Social logo

Bootstrap support about django-jet HOT 26 CLOSED

geex-arts avatar geex-arts commented on May 18, 2024
Bootstrap support

from django-jet.

Comments (26)

f1nality avatar f1nality commented on May 18, 2024 1

@SalahAdDin yes, gulp is really cool. Please check issue #23 for a new version of JET with updated responsive layout. It doesn't depend on bootstrap so I think this issue is not actual now.

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Or Foundation too!
But i think that @f1nality doesn't wants put unnecessary things in the style, for this they create a own stylesheets in scss, so, better idea it's put responsive desing in his styles. And create a good compilation file or group compilation files.
👍

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

@f1nality Ok man, i was thinking, for example, wagtail have a custom admin and they don't use any other front end framework, they created their custom components, so, we can create a responsive grid and other for make django-jet responsive, or, if we don't want created it we can use a single bootstrap or foundation components for make django-jet responsive.

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

Yeah, we can use bootstrap.responsive as an independent part and easily integrate it into the django-jet

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

I'm trying init with this project, but i have problem with create a webpack config file for scss watchers. Can you help me?

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

Hey @SalahAdDin, i use gulp to build my static assets. Maybe this will help https://www.npmjs.com/package/gulp-scss

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

@RafRaf which gulp config are using you for compile the themes?

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

Go to your django-jet/jet/static/ folder and unpack the zip file which i've attached to the message.
After that run these commands:
>> cd gulp-files
>> npm install
>> ./node_modules/gulp/bin/gulp.js

It should work.

gulp-files.zip

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Ah ok, have you any advance for this? news styles, news components?

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

I started to use "bootstrap.responsive". In progress..

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

But, only responsive styles or are styles?

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

I'm talking about integration of bootstrap.responsive styles into the package. Inability to work on mobile devices is the main reason not to use django-jet in my projects.

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Ok, we will integrate only responsive styles for the project. In addition i'm working in other admin skin if you want help us.

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

In addition i'm working in other admin skin if you want help us.
Very good

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Ok man, if you want i can find you in gmail and tell you more about it. And can manage this skin and the other skin.

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

@RafRaf Hey man, his gulpfile compile the all css themes in each folder?

from django-jet.

RafRaf avatar RafRaf commented on May 18, 2024

Ok man, if you want i can find you in gmail and tell you more about it. And can manage this skin and the other skin. @SalahAdDin
Ok

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Ok man, i don't know what happen with this, but, gulp doesn't transpile the scss files:
captura de pantalla de 2016-05-22 22-13-01
seleccion_096
seleccion_097
I have the same project's structure, but, i don't know what happen with this :'(

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Related: #23

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Guys, a question about this: https://github.com/JensAstrup/django-jetpack/issues/30

from django-jet.

f1nality avatar f1nality commented on May 18, 2024

I'm currently working on updated layout. It will be responsive and I'll try to decrease number of template overrides as much as it possible (only base.html in theory) because now there a lot of problems with 3rd party applications. It requires making layout from scratch so it won't be fast, till September i think. Also there will be script that will build all static (I haven't work with gulp, only so it will be grunt i think)

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

I haven't problem with any third party package, django-import-export templates work's properly yet.

But, i'd worked in django-jet by months, i create a full gulp script for compile sass files and other features, and i want to know if my work will be in this package.

Here are our fork with the full work.

If you want i want be this respository mantainer, or, i don't know, i wrotte you some time ago but you never answer me.

I like so much this skin and i want work in it.

I'm using susy for give some responsive to styles, and use a helper function from Zurb Foundation for convert px to rem also.

I'd made a lot of change and additions in the our fork and i'll like that you review it, it's better work with the package creator in one package instead two packages.

Thanks.

from django-jet.

f1nality avatar f1nality commented on May 18, 2024

@SalahAdDin Yes, I haven't enough time for maintaining JET, now I can get back to updating it)
I'll check your fork. Are there reasons why you've chosen gulp instead of grunt? I've heard it should be faster, but I haven't tried it yet.

But there are packages (e.x. constance which have layout conflicts) which doesn't work properly and it's bad that new updates in django templates are ignored because of templates overriding.

Now I have to make some big updates to layout before implementing some minor changes.

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

Ok man, i'll make a big PR with other minor changes for testing and other things and i'll send you.

Gulp is less complicated that Grunt, and more faster and easier setting up.

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

@f1nality
I wants show you my progress working with this package:
seleccion_137

I get on some responsive tweaks in sidebar and dashboard header, i added date/time information and site title in side bar (some like djanto-jet demo) and other minor fixes.

I take these ideas from django-suit:
seleccion_138

What do you think?

from django-jet.

SalahAdDin avatar SalahAdDin commented on May 18, 2024

@f1nality Hi man, you can see here wich people use Gulp.

from django-jet.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.