FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
JavaScript-Scheduler-Samples/src/WeekView.html at master · MindFusionComponents/JavaScript-Scheduler-Samples · GitHub
Uh oh!
There was an error while loading.
Please reload this page
.
MindFusionComponents
/
JavaScript-Scheduler-Samples
Public
Notifications
You must be signed in to change notification settings
Fork
1
Star
4
Code
Issues
0
Pull requests
0
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
JavaScript-Scheduler-Samples
/
src
/
WeekView.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
69 lines (66 loc) · 3.05 KB
Breadcrumbs
JavaScript-Scheduler-Samples
/
src
/
WeekView.html
Copy path
File metadata and controls
69 lines (66 loc) · 3.05 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html
xmlns
="
http://www.w3.org/1999/xhtml
"
>
<
head
>
<
title
>
MindFusion JsPlanner Sample - Week view
</
title
>
<
link
href
="
common/samples.css
"
rel
="
stylesheet
"
/>
<
link
rel
="
stylesheet
"
type
="
text/css
"
href
="
themes/light.css
"
/>
</
head
>
<
body
>
<
div
id
="
header
"
style
="
height: 59px;
"
>
<
div
style
="
float: left; margin-left: 5px;
"
>
<
a
href
="
index.html
"
style
="
margin-left: 10px;
"
>
Index
</
a
>
View style
<
select
id
="
viewStyle
"
>
<
option
value
="
0
"
>
WeekPerRow
</
option
>
<
option
value
="
1
"
>
SingleWeek
</
option
>
</
select
>
Header style
<
select
id
="
headerStyle
"
>
<
option
value
="
0
"
>
None
</
option
>
<
option
value
="
1
"
>
Title
</
option
>
</
select
>
Total days
<
input
id
="
totalDays
"
maxlength
="
2
"
size
="
2
"
/>
Visible rows
<
input
id
="
visibleRows
"
maxlength
="
2
"
size
="
2
"
/>
</
div
>
<
div
style
="
float: right; margin-right: 5px;
"
>
<
a
href
="
WeekView.js
"
style
="
margin-right: 10px;
"
>
View source
</
a
>
<
button
id
="
expandButton
"
onclick
="
onExpandCollapse()
"
>
›
</
button
>
</
div
>
</
div
>
<
div
id
="
info
"
style
="
top: 70px; bottom: 24px;
"
>
<
div
id
="
infoTab
"
style
="
padding: 10px;
"
>
<
h1
>
About this sample
</
h1
>
<
p
id
="
pinfo
"
>
This sample shows the capabilities of the WeekRange view.
</
p
>
<
p
>
The WeekRange view displays a range of weeks. It supports two different layouts,
specified in the weekRangeSettings.viewStyle property of the Calendar class. WeekPerRow
is the default view, where each week occupies a whole row whose cells represent
days. SingleWeek view provides a more detailed look, where the days of the week
are divided into two columns and four rows.
<
br
/>
Use the WeekRangeSettings property of the Calendar class to set the appearance of
the week view.
</
p
>
</
div
>
</
div
>
<
div
id
="
content
"
style
="
top: 70px; bottom: 24px;
"
>
<
div
style
="
position: absolute; width: 100%; height: 100%;
"
>
<
div
id
="
calendar
"
style
="
height: 100%; width: 100%;
"
>
</
div
>
</
div
>
</
div
>
<
div
id
="
footer
"
style
="
height: 24px;
"
>
<
span
id
="
copyright
"
>
</
span
>
</
div
>
<
script
src
="
Scripts/drawing.js
"
type
="
text/javascript
"
>
</
script
>
<
script
src
="
Scripts/controls.js
"
type
="
text/javascript
"
>
</
script
>
<
script
src
="
Scripts/common.js
"
type
="
text/javascript
"
>
</
script
>
<
script
src
="
Scripts/common-collections.js
"
type
="
text/javascript
"
>
</
script
>
<
script
src
="
Scripts/scheduling.js
"
type
="
text/javascript
"
>
</
script
>
<
script
src
="
WeekView.js
"
type
="
text/javascript
"
>
</
script
>
<
script
type
="
text/javascript
"
src
="
common/samples.js
"
>
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL