Our flexible Kanban board for managing tasks with drag drop


Post by swarsap »

Hi there,

implementing the responsive function to our taskboard implementation, but i need to keep the section body, instead of it hiding on narrow screens, is there anyway to achieve this?

current code

responsive: {
			narrow : {
				when: 600,  // when width <= 600,  Configs applied for this state
				footerItems: {
					'_required_by_date > resourceAvatars' : { hidden : true } //_required_by_date from cards
				},
				headerItems : {
					_workflow_status_name: { hidden: true } // hide _worlk_flow_status_name from cards
				}
			}
		},

if you need any more info let me know


Post by marcio »

Hey swarsap,

The code looks correct if you have the structure that is mentioned there, the _workflow_status_name and _required_by_date widgets.

Are you able to share a sample project with your configuration for us to check? You can see the guidelines here https://www.bryntum.com/forum/viewtopic.php?f=1&t=772

Best regards,
Márcio


Post by swarsap »

Hey Marcio,

i will follow the sample rules next week and extend this question, sorry been snowed under with other work, but will come back to this when i get a spare moment

although essentially i can replicate the scenario on one of your demo board

https://bryntum.com/products/taskboard/examples/config-panel/

when putting this view into mobile or ipad view, the main body text disappears, the text above the avatars, in our ipad view we wish to keep this text there as the information we display is minimal. is there away to achieve this?

When i get a bit more time i will go over the guidelines in a bit more detail and rework this question.


Post by marcio »

Hey swarsap,

We have that behavior in the demo because of the ResponsiveCards behavior. https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/ResponsiveCards

The small card doesn't have a body by definition. To change that, you need to add this configuration to your taskboard (just to overwrite the responsive default configuration, and then you should have the body displayed.

cardSizes : [
	{ name : 'medium' }
],
Attachments
Screenshot 2023-03-03 at 16.25.18.png
Screenshot 2023-03-03 at 16.25.18.png (447.01 KiB) Viewed 525 times

Best regards,
Márcio


Post by swarsap »

Cheers Marcio this helped massively and i now have it working


Post Reply