How to add custom forms in FullCalendar? - jquery-plugins

I have created forms in HTML (shown image below), and I want to integrate this form in FullCalendar. This form will show when I wanted to add new event. Can you give me some idea? If possible, can I do this without modifying the plugin?

You could put the form in a lightbox and show it, when the user clicks on a day. Fullcalendar provides an event for this: http://arshaw.com/fullcalendar/docs/mouse/dayClick/
Edit: Or what exactly do you mean by integrate?

Related

Change Sidedrawer content dynamically

I´m at that point on my app, where the user Logged in, receive the data from the server and now i need to make same changes. One of the changes is change the button that appears on my Sidedrawer saying Log In to Log Out and vice-versa when the user Logs Out...I could talk about other changes but i think the main thing is...
How do I access the Sidedrawer content in order to change/add buttons. I already entered the app-root.xml and made same testing adding the navigatingTo="onNavigatingTo" function and also in the .js file just to see if it responds, but it doesn´t...
How do i perform this?
You can show/hide your button via visibility, text binding or via a structural directive like *ngIf (if using Angular). For example, take a look here - I am showing/hiding a button based on whether the user is logged in or not (here is the related code-behind code).
The above example is using an Angular directive and can be applied only in Angular based applications, but with the same logic, you can substitute ****ngIf*** with visibility and achieve the same in TypeScript or plain JavaScript app.
The easiest way to do it is put the frame inside drawer content area, then navigate frame to another page.

profile picture upload laravel & foundation framework

I have a registration form completed and would like to add a profile picture upload. Once the user clicks the browse, he can select the photo. Then he clicks ok/apply/ok and then the photo is reflected in the thumbnail area without page refreshing.
Once the user is happy with all fields input he can submit the form and with it the photo of course.
Anything that does this exists out there already? If not, please provide guidance on how to establish this feature.
Thanks,
I'm not aware of a ready made solution for this but there probably is something :-)
However, with Laravel this is beautifully simple. You've tagged your question ajax but I'll answer this assuming you're going to use an old fashioned server round trip (i.e a form submit).
1) In your template, add a file element to the form. http://laravel.com/docs/html#file-input
2) Add some javascript to the page that detects when a file is selected and shows the preview. Extensive tutorial here: http://www.html5rocks.com/en/tutorials/file/dndfiles/
3) In your controller, handle the file using the Input facade. http://laravel.com/docs/requests#files

Rally custom dropdown to multiSelect

We have a custom drop down and need to make it a multiSelect. Your answer gives me hope but so far, I have not figured out how this can be done. I played around how to build custom grids using JavaScript. Is it possible to make an existing custom drop-down list to a multiSelect? If it is, can be it used in the existing Rally screens or do we have to use interactive grids to be able to update the field?
Please advice on how this can be achieved.
Thank you, Rajani.
A custom dropdown cannot be turned into a custom multiselect. There are no custom fileds in Rally of mulitselect type. You may write a custom app using AppSDK2 with a MultiObjectPicker
For example, here is a rallymutiobjectpicker that allows selection of multiple testsets:
this._testSetPicker = Ext.create('Rally.ui.picker.MultiObjectPicker', {
itemId:'testsetpicker',
modelType: 'testset'
});
Later you may use _getRecordValue() to get the array of selected records:
var selectedTestSets = this._testSetPicker._getRecordValue();
A custom grid and a custom html app are not the same.
A UI component created with AppSDK2 cannot be added to a custom grid, and cannot be added to existing Rally pages, e.g. a Defect or User Story details page, or any summary page.
The MultiObjectPicker can only be used in a custom code that you write and then copy your deployment html and paste it into a custom html page.
The developer portal also has links to great videos by David Thomas. See all the links in this post for details.

facebook wall-like ajax in yii's zii widget list

I'm very new to yii, and I'm trying to integrate the facebook-wall-like style into my post list.
In short, I just want to add a "Load More" with ajax to load more posts at the bottom of the post list.
I know how to write ajax or html, but I don't know how to integrate this style into yii.
I'v tried the zii.widgets.CListView/CDetailView.. but I can't find ways to add ajax.
If there's anyone who knows the how-to, please share it with me.
Thanks!
Take a look at this extension, it is a pager that adds infinite scroll like in twitter - when you get to the bottom of the page it loads more content via ajax. If you prefer to load more only once a button is pressed, i'm sure it's just a matter of overriding the button's onclick event.

Using custom form in Outlook when creating a new mail message

I want to create a custom form in Outlook 2007 and then have that form be the form that comes up when the user clicks New / Mail Message in the toolbar. Is there a way to do that? I know how to create the custom form, but I don't know how to change what the menu item does.
Jon
If you are using an outlook form you can publish it to the Organizational Forms Library and the get you clients to use that new custom form instead of the default out the box form. It a registry change that points it to a new form. There are tools to do this change for you.
A good example http://www.petri.co.il/customizing_new_meeting_request_outlook_form.htm
76mel
There is a great tutorial by Ty Anderson on that located at devx on replacing the standard AppointmentItem inspector with a custom form.
Basically, you need to write code that gets triggered on the NewInspector event and display your form instead and cancel the standard inspector.

Resources