Lightswitch htmlプロジェクトの画面サイズを変更するには

Question

VS Lightswitch 2015 htmlプロジェクトで「共通スクリーンセット」を作成しました。私はまた、共通のセットでAddEditを起動するためにブラウズ画面にボタンを追加しました。各レコードに追加する約30のフィールドがあるので、AddEdit画面を3列にカスタマイズしました。ただし、左側の列とその中にあるフィールドだけが表示されます。 AddEdit画面をデフォルトの画面サイズより大きくして、3つの列すべてが表示されるようにするにはどうすればよいですか？中央の列と右側の列を表示するにはどうすればよいですか？

Answer 1

ダイアログのサイズが画面例の作成方法では、画面ののmaxWidthとのmaxHeight CSSプロパティを上書きすることによって、画面単位で画面上で変更することができる。

myapp.AddEditItem.created = function (screen) { 
    $(window).one("pagebeforeshow", function (e, data) { 
     var $dialog = $("div[class~='msls-dialog-frame']"); 
     $dialog.css({ 
      maxHeight: "900px", 
      maxWidth: "1000px" 
     }); 
    }); 
}; 

上記の例では、標準からの高さを変化させます700px〜900px、幅は標準510px〜1000pxです。

jQueryモバイルpagebeforeshow eventハンドラは、ダイアログ画面が作成され、初期化されていることを確認するために必要です（これはLightSwitch HTMLクライアントがそのユーザーインターフェイスにjQueryモバイルフレームワークを使用するため適用されます）。