2016-09-29 11 views
-1

初めてdjangoを使用しています。私はPythonで経験しましたが、Web開発では経験していません。今、私はgrappelliで管理ページをデザインしようとしています。グラッペリだけがフルスクリーンのテーブル(列の幅が小さすぎる)を表示しておらず、ひどく見えます。私の画面の3分の1しか使用されていません。ユーザーの画面サイズを考慮して列幅を設定する方法はありますか?これはちょっとだけ悪いように見えます。私は科学的な目的のため実際のデータを投稿することはできません。私も答えにフィンをつけようとしましたが、私のためにその仕事を見つけることができませんでした。私はdjango 1.10、python 2.7、grappelli 2.8.2を使用しています。私がグラッペリを使用している理由は、ドロップダウンフィルタのためです。もし誰かがdjangoのフィルターを落とす方法を知っていれば、それは私によってもうまくいきます。Django grappelliは、管理インターフェースの列幅をフルスクリーンに変更します

Grapelliインタフェース:

enter image description here

答えて

0

this one、またはthis oneを試してみてください。 django adminでカラムの幅を変更する方法について説明しています。


EDIT

は、あなたのプロジェクトのための仮想環境をインストールします。 あなたが実行するメインのピップにvirtualenvのをインストールしていない場合:

pip install virtualenv

、その後で自分のプロジェクトのための仮想環境を作成します。

  1. virtualenv env
  2. は、とばかりに作成ENVをアクティブ化します。 source env/bin/activate
  3. djangoやgrappelliのような依存関係をインストールするpip install djangopip install django-grappelli
  4. あなたのテンプレートにカスタムスタイルを追加したい場合は今、あなたが新たに作成されたENV

EDIT 2

内のファイルを見つけることができ、基本的に次のようになりますブロックがあります:

{% block stylesheets %} 
    {{ block.super }} 
    {{ media.css }} 
{% endblock %} 

あなたのカスタムCSSを追加したいのであれば、ちょうどあなたの.cssファイルへのパスを追加します。または、次のようにカスタムCSSを作成します。

{% block stylesheets %} 
    {{ block.super }} 
    {{ media.css }} 
    <style> 
     .column-your_columns_name { 
      width: 500px; 
     } 
{% endblock %} 

注意:すべての列はクラスによってアクセスできます。各列クラスの名前は常にcolumn-fieldnameです。だから、例えば、あなたがpriceという名前の列を(カラム名をモデルから取られている)がある場合は、あなたがして、スタイルでそれにアクセスすることができます。

.column-price{}

+0

私は」Tは、変更を動作するように最初のものを得るように見えることができますlist.htmlは現在cssを使用していますので、私のシステムのどこにでも見つけられません。もう1つはわかりません。それは答えがないようです。静的なCSSファイルを作成するだけですが、その場所や場所を教えません。私はそれをやろうとしたが、私は仕事をしなかったので、仕事をしなかったから – Dani

+0

最初のものはあなたの仮想環境にある。あなたの環境が '/ home/yourapp/env /'であると仮定すると、あなたのchange_list.htmlは '/ home/yourapp/env/lib/python/site-packages/grappelli/templates/admin/change_list.html'に置かれます。 - カスタムCSSファイルをそのHTMLファイルに追加することもできます。 – sebb

+0

私はusr/lib/python2.7を見ましたが、サイトパッケージフォルダはありません。私はusr/local/lib/python2.7も見ましたが、そこに空のsite-packagesフォルダしかありません。そしてmyappフォルダには何もありません – Dani