What makes a thumbnail come out 80x80?

I've searched code in \Library and in a generated Project files.
I can find references where the URL is being constructed...
blob.ashx with "t" or "o"

but I can't find the actual code/function thats actually getting the image from the db and scaling it to 80x80.

CSS isn't the answer, as a post pointed out long ago - the image was blurry. Trick is to get is sampled at a larger size. You'd think there was a way to pass in a parameter to control/adjust this.
1 person has
this question
+1
Reply
  • 1
    {
      "defaultUI": "TouchUI",
      "appName": "[Application Name]",
      "map": {
        "apiKey": null
      },
      "server": {
        "geocoding": {
          "google": {
            "key": "[key]"
          }
        }
      },
      "host": {
        "icon": "",
        "color": "",
        "image": "",
        "description": ""
      },
      "import": {
        "batchSize": 100
      },
      "charts": {
        "maxPivotRowCount": 100
      },
      "ui": {
        "theme": {
          "name": "Light",
          "accent": "Azure",
          "preview": null
        },
        "displayDensity": {
          "mobile": "Auto",
          "desktop": "Condensed"
        },
        "list": {
          "labels": {
            "display": "DisplayedBelow"
          },
          "initialMode": "SeeAll"
        },
        "menu": {
          "tabbar": null,
          "apps": {
            "tiles": true,
            "location": "toolbar"
          }
        },
        "actions": {
          "promote": true,
          "reverse": null,
          "autoReverse": null
        },
        "transitions": {
          "style": "slide"
        },
        "sidebar": {
          "icons": true,
          "mini": true,
          "toolbar": true,
          "views": {
            "styles": null,
            "names": null,
            "collapsed": false
          },
          "when": "Landscape"
        },
        "toolbar": {
          "apps": true
        },
        "scrollbars": {
          "wide": true
        },
        "apps": {
          "location": "toolbar"
        },
        "showSystemButtons": "auto",
        "smartDates": true,
        "notify": {
          "enabled": true,
          "location": "center",
          "duration": {
            "short": 2500,
            "medium": 5000,
            "long": 7500
          }
        },
        "thumbnail": {
          "width": 200,
          "height": 200,
          "crop": true
        },
        "native": true
      },
      "settings": {
        "enabled": false,
        "options": {
          "displayDensity": true,
          "theme": false,
          "transitions": false,
          "sidebar": false,
          "labelsInList": false,
          "showSystemButtons": false,
          "promoteActions": false,
          "smartDates": false,
          "initialListMode": false
        }
      },
      "membership": {
        "enabled": true,
        "profile": "view switch logout login",
        "help": true,
        "accountManager": {
          "enabled": true,
          "accessTokenDuration": 10080,
          "refreshTokenDuration": 20160
        }
      },
      "help": {
        "enabled": true
      },
      "search": {
        "quickFind": {
          "history": {
            "enabled": true,
            "depth": 25
          }
        }
      },
      "splash": {
        "enabled": true,
        "logo": "../images/logo.png",
        "background": "../images/splash-screen.jpg",
        "duration": 2500
      },
      "dates": {
        "localTime": {
          "enabled": true
        }
      }
    }


    Take a look on the touch-settings.json above
    - ui.thumbnail.width
    - ui.thumbnail.height

    You may refer to App_Code/Handlers/Blob.ashx.cs - method CopyToOutput to explore more in detail.

    Regards.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Thx for this tip.
    HOWEVER, the larger thumb size is still subject to jquery max width/height.

    I edited this file:
    C:\COT\Code OnTime\Library\_Client\Mobile\jquery.mobile-1.4.6.min.css

    You'll find the default has 5em for the two Max's. Just change that and you'll be able to see the larger thumb.

    mine is now:
    ui-listview .ui-li-has-thumb .ui-li-thumb{position:absolute;left:0;top:0;max-height:8em;max-width:8em}

    Justin, interested to see how your's is working @ 200px with this limitation.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited