pepebe
6/21/2012 - 9:35 AM

MODX: MIGX - Simple Gallery

MODX: MIGX - Simple Gallery

Simple MIGx grid for img administration

Simple MIGx grid for images
Fields: active, title, description, img

-------------------------------------------------------
Form Tabs:
-------------------------------------------------------
[
   {
      "caption": "Bild",
      "fields": [
         {
            "field": "active",
            "caption": "Anzeigen?",
            "inputTV": "MIGx_tv_Radio_yesNo"                
         },
         {
            "field": "imgPath",
            "caption": "Bild",
            "inputTV": "MIGx_tv_Image"
         }
        ]
   },    
   {
      "caption": "Text",
      "fields": [           
         {
            "field": "imgTitle",
            "caption": "Überschrift"
         },
         {
            "field": "imgDesc",
            "caption": "Beschreibung",
            "inputTV": "MIGx_tv_Richtext"
         },
         {
            "field": "imgUrl",
            "caption": "Link (optional)",
            "inputTV": "MIGx_tv_URL"
         }
      ]
   },
   {
      "caption": "Layout",
      "fields": [
         {
            "field": "outerClass",
            "caption": "Outer Class(es)"           
         },
         {
            "field": "imgClass",
            "caption": "Inner Class(es)"
         },
         {
            "field": "imgAlt",
            "caption": "Alt"
         },         
         {
            "field": "imgHeight",
            "caption": "Height"
         },
         {
            "field": "imgWidth",
            "caption": "Width"
         
         }
      ]
   }
]

-------------------------------------------------------
Grid Columns:
-------------------------------------------------------
[
    {
        "header": "Aktiv",
        "width": "10",
        "sortable": "true",
        "dataIndex": "active"
    },
    {
        "header": "Überschrift",
        "width": "60",
        "sortable": "true",
        "dataIndex": "imgTitle",
        "renderer": "this.renderCrossTick"
    },
    {
        "header": "Bild",
        "width": "30",
        "sortable": "false",
        "dataIndex": "imgPath",
        "renderer": "this.renderImage"
    }
]