Appointment height and other formatting

[CXXXVParticipant]

One: How to make appointment fill entire square in the calendar. Tried appointmentsMinHeight, but apparently the interaction between this and the height will not allow it.

Two: I want to format the subject so that I can embed carriage returns and also make to top justified. Tried all javascript tricks and none seem to work.

For instance subject: “New \r\n Projects” will not embed a carriage return.

[CXXXVParticipant]

BUMP

[HristoParticipant]

Hello CXXXV,

Could you clarify it? (both)
I would like to suggest you look at this example.
It demonstrates how to show the jqxScheduler on the small size.
I hope this can solve one of your cases.

If you want to make the title of the appointment to be on one or two rows you should add <br> tag on the place where you want to have a new row.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[CXXXVParticipant]

No where in that example does it do anything with the appointment HTML formatting. Please answer my questionn.

[HristoParticipant]

Hello,

Please, take a look at this example.
Could you clarify your issues?
Please, provide us with more details on what you want to achieve.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[CXXXVParticipant]

I did look at that example. What I need is to be able to format the ‘SUBJECT’ of an appointment so that in the MONTHVIEW it will display TOP justified and with embedded CARRIAGE RETURNS.

I tried modifiying the data.html portion but that did not work.

text = "<style='top:2px; position: absolute; text-align:center;'>SPAGHETTI <br> SALAD <br> BREAD</>";

In monthview the appointment always shows verically centered.

[HristoParticipant]

Hello CXXXV,

Please, try to include this appointment in your example:

var appointment2 = {
                id: "id2",
                description: "",
                location: "",
                subject: "<span style='justify-content: center; display: flex;'>Text Justified</span>",
                calendar: "Room 2",
                start: new Date(2015, 10, 24, 10, 0, 0),
                end: new Date(2015, 10, 24, 15, 0, 0)
            }

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts