Repository: Profile Boxes

See instructions at bottom of page

Create a "Schedule Appointment" Button 

1. Go to LibCal
2. Click Appointments in the yellow toolbar
   1. (If you are creating this for someone else as an Admin, go to LibCal > Admin > Accounts > View/Edit Appointments for ____)
3. Navigate to the Widget/Embed Code tab
4. Widget Type: Button
5. Users to Show: Only Myself but at a particular location/group
6. Location: With Your Librarian (corresponds to "lid: 736" for location ID)
7. Group: All Groups (corresponds to "gid: 0" for group ID)
8. Page Title: Make a Research Appointment
9. Width Of Popup Window: 560 (default) 
10. Height Of Popup Window: 680 (default)
11. Button Text: SCHEDULE APPOINTMENT (all caps)
12. Button Text Color: #FFFFFF
13. Button Background Color: #003A63
14. Button Border Color: #CCCCCC

Sample Coding for Button

<script>
jQuery.getScript("https://api3.libcal.com/js/myscheduler.min.js", function() {
    jQuery("#mysched_10666").LibCalMySched({iid: 1538, lid: 736, gid: 0, uid: 10666, width: 560, height: 680, title: 'Make a Research Appointment', domain: 'https://api3.libcal.com'});
});
</script>

<!-- Place the following link anywhere in your page. Make sure the id "mysched_10666" matches with the above code: jQuery("#mysched_10666")  //--></p>

<p style="text-align: center;"><button href="#" id="mysched_10666">SCHEDULE APPOINTMENT</button>

<!-- Below is optional button styling  //-->
<style type="text/css">#mysched_10666 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font: 28px;
  background: #003A63;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  color: #FFFFFF;
  padding: 8px 20px;
  cursor: pointer;
}
#mysched_10666:hover {
  opacity: 0.9;
}
</style>
</p>