I am trying to restyle a instance of FullCalendar so that the day and week views run the entire height of the web page. i.e. I do not want a scrollbar to view the entire day. I tried removing overflow and the fixed height but that doesn’t work.
Is it possible to do this?
You can change the slotMinutes when creating the chart http://arshaw.com/fullcalendar/docs/agenda/slotMinutes/
and then you can adjust the content height to fit it all in there with this
http://arshaw.com/fullcalendar/docs/display/contentHeight/
Related
I have a long form in a panel with lots of controls, however the Canvas/panel editor has a limited height of about 1000px and refuses to scroll to allow adding more controls.
I am able to make the panel 2000px and enable overflow to get the panel itself to scroll once the app is deployed, but how do I manage to drag/drop new controls/widgets?
TIA
At the bottom of the canvas is a round control which allows it to be extended beyond the default and therefore allows long controls.
A page's main panel should have a dimension property in the property editor, that specifies height and width. I'm able to set it to much larger values (e.g. 5000 pixels).
Once the main panel is large enough, you should be able to scroll down in it and drop new widgets where you need them to be.
It's also easy to accidentially drop in new panels and then stuff new widgets into the wrong panel, so make sure the panel structure is really what you believe it is (e.g. via the structure editor).
I want to create fixed szie page, without common scrollbar. Scrollbars have only two div's, where content content goes beyond of div (contend data and sidebar listing area) as on picture. I alreay did it without bs3, and use javascript (for calculate new offsets on page resize).
http://i.imgur.com/4kesDk7.jpg
Today I tried to create fixed size template with Bootrstrap3, but i can't do it. It's possible to do using bs3? Anybody can show how it is done?
I tried modify this code http://www.bootply.com/0FG70wcT3B. I do left and right headers.
I'd like to know if there is a way to reserve space for a vertical scrollbar in a grid panel with ExtJS 4.1.1. I remember that I was able to do this with ExtJS 3, but maybe this feature was removed?
The grid has a fixed height so a scrollbar appears when the amount of rows exceeds the height of the grid. There is also a "delete" action that allows to remove each row one by one. The problem is that the action moves to the right when the scrollbar is not required anymore. This is the behaviour I'd like to avoid.
I think you're looking for reserveScrollbar
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.layout.container.Auto-cfg-reserveScrollbar
Add overflowY: 'scroll' as a config param for your grid. See docs here: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Component-cfg-overflowY.
I am trying to implement a calendar using UICollectionView which has a similar scrolling behaviour to the built in calendar app when changing months. At the moment the view is flickering as the resize occurs between months.
I am using a UICollectionViewScrollLayout with a UICollectionView with 10000 indexes in 1 section. The cells are filled by calculating the day for an index. The problem I am having is when trying to resize the view to fit the correct number of weeks for the month, the collectionview doesn't appear to draw in the cells quickly enough as the scrolling and view size change happens. Having slowed the animation down, as the view size changes, it appears that cells are being removed too early from the view. This happens both with a reducing and enlarging the view. Ie, as they are about to scroll off the view they are removed before scrolling out of the view.
The layout is all done using autolayout and there is a fixed view above and then a resizable view below. As the size of the collection view changes the view below changes to fill the space. The only way I seem to have managed to achieve this behavior it is by changing the intrinsic size as per the code below. I have tried changing the frame/bounds but it doesn't seem to work with autolayout. Am I going about the resizing of the view in the right way?
Should I be moving the behaviour to the viewcontroller and change the constraints pinning the height instead.
// Scroll the view to the date given.
-(void) moveViewToDate:(NSDate*) date
{
NSIndexPath *indexPath=[self indexPathForFirstDayInMonth:date];
[self scrollToItemAtIndexPath:indexPath atScrollPosition:UICollectionViewScrollPositionTop animated:YES];
[UIView animateWithDuration:0.25f animations:^{
self.isize=[self weeksInViewForDate:date];
[self invalidateIntrinsicContentSize];
[self.superview layoutIfNeeded];
}];
}
-(CGSize)intrinsicContentSize
{
return CGSizeMake(322,self.isize*46);
}
I finally worked out what was going on. Since I was committing an animation which was changing the size of the view and doing a scroll, the two seperate animations where conflicting with each other.
I eventually rewrote the collection using UIScrollView but had the same problem. I got round it by placing the UIScrollView in a UIView. The UIView was resized using a constraint on the height which was animated.
I am creating a scheduling application that displays when projects throughout a semester occur. Currently, when the application starts up, the user is shown todays date as the first date, and then the next 13 days follows it. In order to view past or future projects, the user is able to click a button or select a date from a calendar feature. Once one of these buttons is selected, or a date from the calendar is selected, I have a function to actually shift the x value of each and every project over by a certain number of days (the difference in days between the first date currently being displayed, and the newly selected first date). Depending on how many projects are in the semester, this method can be quite timely (upwards of 5-8 seconds).
What I would like to do is this: have the horizontal scroll bar on the bottom of the screen and allow the user to simply scroll to any date of their choosing. Currently, this is what my wrapper canvas declaration looks like:
<mx:Canvas id="mainWrapper" width="100%" height="100%" y="119" verticalScrollPolicy="on" horizontalScrollPolicy="off">
If i set the horizontalScrollPolicy to "on" then I'm given no scroll bar because the canvas width is set to 100% of the screens viewing area. If I set the width to be the width needed to enclose all of the projects than the user will most likely not be able to see the scroll bar.
So my question is this. Is there a way, I can have the width of the canvas be much much larger than my screen's width, and still have the horizontal scroll bar only be the width of the screen? I've made a picture to help illustrate what I'm trying to say (since I'm not always the most clear while explaining myself)