Our blazing fast Grid component built with pure JavaScript


Post by sheetalveer »

Hi Team,
I am evaluating “Bryntum Scheduler” to use as Custom Schedule Board for Microsoft Dynamics 365 CRM.

I have downloaded trial & included <script type="text/javascript" src="path-to-scheduler/scheduler.umd.js"></script> & <link rel="stylesheet" type="text/css" href="path-to-scheduler/SchedulerStyles.css">in my HTML file. So far, I am able to build scheduler.

But button & group icons are not getting displayed. Attaching image of my scheduler. Do I have to import button icon images in my CRM instance? If yes, they are not available in trial. Do you have any URLs which I can directly use in my HTML to obtain all required CSS & JS files instead of manually adding them into CRM?

Also, I would like to have some space between two buttons. Kindly suggest how that can be achieved.
Attachments
Button Icon Issue.png
Button Icon Issue.png (82.43 KiB) Viewed 2124 times

Post by mats »

Sounds odd, does it work for you locally? Try inspecting CSS to see if MS Dynamics overrides your styles somehow?
Also, I would like to have some space between two buttons.
Please use CSS, margin property: https://developer.mozilla.org/en-US/docs/Web/CSS/margin

Post by sheetalveer »

This is how I am defining my button:
{
type: 'button',
        icon: 'b-icon b-fa b-fa-angle-left',
        color: 'b-blue b-raised',
        tooltip: 'View previous week',
        onAction: function onAction() {
            scheduler.shiftPrevious();
        } 
Is it correct?

Attaching files.
Do I have to include files present in Font Files.png image so that icons will be visible?
Button.png is what I get after inspecting icon element
Attachments
Button.png
Button.png (9.19 KiB) Viewed 2121 times
Font Files.png
Font Files.png (6.35 KiB) Viewed 2121 times

Post by mats »

Please use CODE tags when posting code. You should include the font files too yes when deploying

Post Reply