いいね!数

0

閲覧数
275

Webでのログイン画面をDOMCFG.nsfというデータベースを使って制御しております。

PCのブラウザでのログイン画面はデフォルトの画面を使っているのですが、iPhone等のモバイルでは

このログイン画面が小さすぎるため、できれば他の画面を使いたいと思っています。PCとモバイルとで

違うログイン画面を使いたいということなのですが、これは実現可能でしょうか?可能でしたら、実現方法を教えてください。

よろしくお願い致します。

サーバー情報: | クライアント情報: | 
カテゴリ:アプリ開発 - XPages | タグ:
  | 質問日時:Jan 20, 2016, 1:33:41 PM

回答・コメント

いいね!数

0

やり方はいろいろあると思いますが、手っ取り早いのは、ログインフォームをカスタマイズして、

画面サイズや利用ブラウザを判断して見た目を変えるといったことになると思います。

【参考】

http://ameblo.jp/iwama/entry-10019936956.html

 

 

その他の方法として、OpenNTFにアップされているXpagesのカスタムコントロールを利用することもできます。

 

https://www.openntf.org/main.nsf/project.xsp?r=project/Xpages%20Dojo%20Login%20Custom%20Control

 

入力されたユーザー名とパスワードをPOSTするような作りになっていて、DB単位でログイン画面を配置できます。

ちなみに、このサイトのログインもこちらを利用しています。

 

どっちにしろ、利用画面に合わせてサイズの調整が必要ですのでJavaScriptとcssを駆使することで実現可能と思います。

 

回答日時:Jan 20, 2016, 2:03:15 PM

いいね!数

2

プラットフォーム毎に別ログイン画面をつくるのではなく、1つのログインフォームをレスポンシブ対応になるようにJavascriptとCSSで改良すること方法がいいと思います。

レスポンシブ対応のため、なによりもまず取り掛かかるべき作業がviewportのメタタグをヘッダに埋め込むことです。


domcfg.nsfのログインフォームをデザイナーで開き「HTML Head Content」に以下の行を追加します。
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">"

見た目はともかくとして、恐らくこれだけで大分使いやすくなると思いますのでお試しください。

回答日時:Jan 20, 2016, 3:58:23 PM

いいね!数

0

Rits西さん、

Kazuさん、

ご回答をありがとうございます。

今回は、DB単位でログイン画面を変えるのではなく、すべてのDBについて

共通のログイン画面を使いたいと思っております。

取り急ぎ、"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">"を使用しました。

少し画面が崩れますが、これで暫く様子を見ようと思っています。

 

回答日時:Jan 25, 2016, 1:58:56 PM