FullCalendar does not show scrollbar in Bootstrap theme (v2.5)

0
0

Hello,

FullCalendar example at wisej-examples/FullCalendar at 2.5 · iceteagroup/wisej-examples (github.com) does not show scrollbar if the fullcalendar size is bigger than the hosting panel.

This happen with bootstrap theme only, Blue themes have the scrollbar as expected.

Please advise how to correct this with the bootstrap theme.

Thank you.

  • You must to post comments
0
0

The sample is using Wisej 2.5. The bootstrap theme definition there had an overflow style set to visible causing the issue you see. It’s OK with the latest version of Wisej 3 and the latest Wisej 2 nuget package (2.5.37).

Attachment
  • Luca (ITG)
    Forgot to add: AutoScroll=true and Dock=Fill don’t work well together. Filling always precludes scrolling and if a control cause the scrolling the the filling becomes problematic.
  • You must to post comments
0
0

Hi Frank,

I just change the View property of the fullcalendar widget and change the theme in Default.json.

I tried serveral ways as you suggested, but could not make it work.

My step are simple:

1 . Create a new wisej desktop project, add fullcalendar nuget

2. Drop a full calendar widget to the window1. set dock = fill, set View = AgendaDay

3. run it and resize the window1.  The scrollbar  is not visible with bootstrap theme. It is visible with basic theme

You can check this minimum project at fullcalendar/fullcalendar at master · EricNgo1972/fullcalendar (github.com)

Please advise how to make the scrollbar appear.

 

 

TRANSLATE with
COPY THE URL BELOW
Back

EMBED THE SNIPPET BELOW IN YOUR SITE
Enable collaborative features and customize widget: Bing Webmaster Portal

// <![CDATA[
var intervalId = setInterval(function () { if (MtPopUpList) { LanguageMenu = new MtPopUpList(); var langMenu = document.getElementById(LanguageMenu_popupid); var origLangDiv = document.createElement("div"); origLangDiv.id = "OriginalLanguageDiv"; origLangDiv.innerHTML = "ORIGINAL: “; langMenu.appendChild(origLangDiv); LanguageMenu.Init(‘LanguageMenu’, LanguageMenu_keys, LanguageMenu_values, LanguageMenu_callback, LanguageMenu_popupid); window[“LanguageMenu”] = LanguageMenu; clearInterval(intervalId); } }, 1);
// ]]>

  • You must to post comments
0
0

Hi Tung,

did you modify the sample? The way it is build originally a horizontal scrollbar should never appear
(regardless of the theme), because the calendar is set to Dock = fill in the 2nd split container panel.

Apparently in your version the docking may have been removed. In that case you´d need to set AutoScroll = true for SplitContainer.Panel2.
Plus you´d need to explicitly set the size.

Best regards
Frank

  • You must to post comments
Showing 3 results
Your Answer

Please first to submit.