"一時的にデータを保存するためにフィールドを使う ~勤怠管理アプリを例に~"を参考にそのままのアプリを作成させて頂きました。そこから、すこし変更をしたいと考えております。
カスタマイズビューの中にルックアップを表示させ、そのルックアップを用いながら、出勤の打刻を行いたいと考えております。
kintone初心者で分からないことだらけですので、助けで頂けると幸いです。
よろしくお願い致します。
〈イメージ〉
〈カスタマイズビュー〉
<!–
* 勤怠管理 タイムカード
* Copyright (c) 2014 Cybozu
*
* Licensed under the MIT License
–>
<title>サンプル</title>
<meta charset=‘utf-8’ />
<style type=“text/css”>
body, ul, li {margin:0; padding:0; list-style:none;}
/* 日時表示 */
div.date-time {
height:50px;
padding:10px;
background:#44810F;
border-bottom:1px solid #fff;
color:#fff;
}
.year {width:150px; text-align:center; virtical-align:bottom; }
.date {width:150px; text-align:center;}
.time {font-size:200%;}
/* ボタン */
div.buttons {
/*color:#fff;*/
height:170px;
padding-top:30px;
background:#77C434;
}
.buttons li {
float:left;
width:120px;
text-align:center;
}
.buttons li span{
display:block;
background:#3BB111;
margin:auto;
font-size:150%;
color:#ffffff;
opacity:0.3;
width:100px;
height:50px;
line-height:50px;
border:1px solid #BDE7A2;
border-radius:7px;
box-shadow:1px 1px 4px 0 #4CAA2A, 0px 1px 1px 0 #91D877 inset;
}
.buttons li input{
display:block;
background:#3BB111;
margin:auto;
font-size:150%;
color:#ffffff;
opacity:1.0;
width:100px;
height:50px;
line-height:50px;
border:1px solid #BDE7A2;
border-radius:7px;
box-shadow:1px 1px 4px 0 #4CAA2A, 0px 1px 1px 0 #91D877 inset;
}
</style>
<div class=‘date-time’>
<table>
<tr>
<td class=‘year’ id=‘year’>2014</td>
<td rowspan=‘2’ class=‘time’ id=‘time’>16:42:03</td>
</tr>
<tr>
<td class=‘date’ id=‘date’>4/15 Tue</td>
</tr>
</table>
</div>
<div class=‘buttons’>
<ul>
<li><span id=‘syukkin’>出勤</span></li>
<li><span id=‘taikin’>退勤</span></li>
<li><span id=‘kyuukei’>休憩</span></li>
<li><span id=‘fukki’>復帰</span></li>
</ul>
</div>