Mixing
Row span not getting applied in fullcalendar
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
I am using vue-fullcalender@2.7.0 to display various events in month view in Dot net MVC application.While displaying events on calendar fullcalendar sets rowspan attribute to compensate for empty columns. The generated calendar build and css works fine when no "shared/inner layout is applied in cshtml file" but when I apply shared inner layout file, my calendar entries do not match with dates of which reason being "rowspan" property is ignored by the browser.Can anybody help to forcefully apply rowspan.
Without inner layout
With inner layout
Sample generated by fullcalendar
<tr>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Fri Jan 04 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sat Jan 05 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sun Jan 06 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
</tr>
For every empty event is generated but it is not reflected in browser when I include inner layout
css fullcalendar
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
add a comment |
0
I am using vue-fullcalender@2.7.0 to display various events in month view in Dot net MVC application.While displaying events on calendar fullcalendar sets rowspan attribute to compensate for empty columns. The generated calendar build and css works fine when no "shared/inner layout is applied in cshtml file" but when I apply shared inner layout file, my calendar entries do not match with dates of which reason being "rowspan" property is ignored by the browser.Can anybody help to forcefully apply rowspan.
Without inner layout
With inner layout
Sample generated by fullcalendar
<tr>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Fri Jan 04 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sat Jan 05 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sun Jan 06 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
</tr>
For every empty event is generated but it is not reflected in browser when I include inner layout
css fullcalendar
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15
add a comment |
0
0
0
I am using vue-fullcalender@2.7.0 to display various events in month view in Dot net MVC application.While displaying events on calendar fullcalendar sets rowspan attribute to compensate for empty columns. The generated calendar build and css works fine when no "shared/inner layout is applied in cshtml file" but when I apply shared inner layout file, my calendar entries do not match with dates of which reason being "rowspan" property is ignored by the browser.Can anybody help to forcefully apply rowspan.
Without inner layout
With inner layout
Sample generated by fullcalendar
<tr>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Fri Jan 04 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sat Jan 05 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sun Jan 06 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
</tr>
For every empty event is generated but it is not reflected in browser when I include inner layout
css fullcalendar
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
I am using vue-fullcalender@2.7.0 to display various events in month view in Dot net MVC application.While displaying events on calendar fullcalendar sets rowspan attribute to compensate for empty columns. The generated calendar build and css works fine when no "shared/inner layout is applied in cshtml file" but when I apply shared inner layout file, my calendar entries do not match with dates of which reason being "rowspan" property is ignored by the browser.Can anybody help to forcefully apply rowspan.
Without inner layout
With inner layout
Sample generated by fullcalendar
<tr>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td rowspan="6"></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Fri Jan 04 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sat Jan 05 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
<td class="fc-event-container">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
<div class="fc-content">
<td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sun Jan 06 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
</tr>
For every empty event is generated but it is not reflected in browser when I include inner layout
css fullcalendar
css fullcalendar
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
edited Jan 3 at 16:30
Ajinkya Lele
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
asked Jan 3 at 15:55
Ajinkya LeleAjinkya Lele
12
12
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15
add a comment |
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54025711%2frow-span-not-getting-applied-in-fullcalendar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54025711%2frow-span-not-getting-applied-in-fullcalendar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Welcome to SO. You should post the relevant code and add what you have already tried that isn't working so people can better help you.
– crazymatt
Jan 3 at 16:02
@crazymatt I have added TR code
– Ajinkya Lele
Jan 3 at 16:15