Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code ยป

Commit 326f3857f948ef6bce72a3bce53b671dc64e322c

Authored by Palak Handa
1 parent b98c21b3cc
Exists in master and in 1 other branch paytm

update radio buttons

Showing 3 changed files with 41 additions and 21 deletions   Show diff stats
... ... @@ -1193,7 +1193,21 @@ input.hidden {
1193 1193 .container {
1194 1194 display: block;
1195 1195 position: relative;
1196   - padding-left: 29px;
  1196 + padding-left: 35px;
  1197 + margin-bottom: 12px;
  1198 + cursor: pointer;
  1199 + font-size: 16px;
  1200 + -webkit-user-select: none;
  1201 + -moz-user-select: none;
  1202 + -ms-user-select: none;
  1203 + user-select: none;
  1204 + width:100%;
  1205 +}
  1206 +
  1207 +.container1 {
  1208 + display: block;
  1209 + position: relative;
  1210 + padding-left: 31px;
1197 1211 margin-bottom: 12px;
1198 1212 cursor: pointer;
1199 1213 font-size: 15px;
... ... @@ -1204,13 +1218,13 @@ input.hidden {
1204 1218 width:100%;
1205 1219 }
1206 1220  
1207   -/* Hide the browser's default checkbox */
  1221 +/* Hide the browser's default radio button */
1208 1222 .container input {
1209 1223 position: absolute;
1210 1224 opacity: 0;
1211 1225 }
1212 1226  
1213   -/* Create a custom checkbox */
  1227 +/* Create a custom radio button */
1214 1228 .checkmark {
1215 1229 position: absolute;
1216 1230 top: 0;
... ... @@ -1218,6 +1232,7 @@ input.hidden {
1218 1232 height: 25px;
1219 1233 width: 25px;
1220 1234 background-color: #eee;
  1235 + border-radius: 50%;
1221 1236 }
1222 1237  
1223 1238 /* On mouse-over, add a grey background color */
... ... @@ -1225,32 +1240,29 @@ input.hidden {
1225 1240 background-color: #ccc;
1226 1241 }
1227 1242  
1228   -/* When the checkbox is checked, add a blue background */
  1243 +/* When the radio button is checked, add a blue background */
1229 1244 .container input:checked ~ .checkmark {
1230 1245 background-color: #42b549;
1231 1246 }
1232 1247  
1233   -/* Create the checkmark/indicator (hidden when not checked) */
  1248 +/* Create the indicator (the dot/circle - hidden when not checked) */
1234 1249 .checkmark:after {
1235 1250 content: "";
1236 1251 position: absolute;
1237 1252 display: none;
1238 1253 }
1239 1254  
1240   -/* Show the checkmark when checked */
  1255 +/* Show the indicator (dot/circle) when checked */
1241 1256 .container input:checked ~ .checkmark:after {
1242 1257 display: block;
1243 1258 }
1244 1259  
1245   -/* Style the checkmark/indicator */
  1260 +/* Style the indicator (dot/circle) */
1246 1261 .container .checkmark:after {
1247   - left: 9px;
1248   - top: 5px;
1249   - width: 5px;
1250   - height: 10px;
1251   - border: solid white;
1252   - border-width: 0 3px 3px 0;
1253   - -webkit-transform: rotate(45deg);
1254   - -ms-transform: rotate(45deg);
1255   - transform: rotate(45deg);
1256   -}
  1262 + top: 9px;
  1263 + left: 9px;
  1264 + width: 8px;
  1265 + height: 8px;
  1266 + border-radius: 50%;
  1267 + background: white;
  1268 +}
1257 1269 \ No newline at end of file
... ...
pages/registration.html
Diff comments   View file @326f385
... ... @@ -763,10 +763,18 @@
763 763 <!-- <label style="padding-left:10px;">
764 764 <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/-
765 765 </label> -->
766   - <label class="container">Networking Dinner with Investors and Speakers: Rs 2,000/-
767   - <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
  766 + <label class="container" style="padding:0;">Networking Dinner with Investors and Speakers: Rs 2,000/-
  767 + <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
  768 + <span class="checkmark"></span> -->
  769 + <label class="container1">Yes
  770 + <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true">
768 771 <span class="checkmark"></span>
769 772 </label>
  773 + <label class="container1">No
  774 + <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false">
  775 + <span class="checkmark"></span>
  776 + </label>
  777 + </label>
770 778 <!-- </div> -->
771 779 </div>
772 780 <div class="clearfix"></div>
... ...
... ... @@ -290,7 +290,7 @@
290 290 //$scope.author = 'Swarn Singh';
291 291 $scope.data = {};
292 292 $scope.data.stage = 'Pitch your Idea';
293   - $scope.data.networkDinner = false;
  293 + $scope.data.networkDinner = "true";
294 294 $scope.discountAmount = 0;
295 295 $scope.check = false;
296 296 $scope.numberCheck = false;
... ... @@ -501,7 +501,7 @@
501 501 $scope.detail = result;
502 502 data.applicantId = result.data.id;
503 503 //$scope.userId = result.data.id;
504   - if($scope.data.networkDinner == true){
  504 + if($scope.data.networkDinner == "true"){
505 505 if($scope.data.citymeetup == "chandigarh"){
506 506 if ($scope.data.stage == "Pitch your Idea") {
507 507 console.log("$scope.data", $scope.data)
... ...