Question about bootstrap and form layout

[brucegibbins]

Hello, This is a two part question related to the same topic.

I am curious as to what the expected format and layout of some of the pages should be. Specifically, the Ticket detail form. I am sure it is slightly wrong when I compare with some screenshots I have seen elsewhere.

In particular some elements seem to misalign, and others are wrapped inside a container that doesn't seem to stretch.

I suspect it is some type of bootstrap issue but am not sure and I was wondering if someone more familiar with the overall project and it's look and feel could comment or make any suggestions.

If I wanted to look at using a later version of Bootstrap both CS and JS what is this recommended approach? I can see that base-head.html loads either from a local resource or from the CDN. If I was to alter these versions then no doubt any updates from your repo would overwrite this.

Thank-you in advance.

[gwasser]

Django allows you to include custom templates in your project that would override the defaults from django-helpdesk. You could copy the base-head.html file, edit it to include whatever version of bootstrap you want, and then put it in the appropriate template directory in your project. For more details, see: https://docs.djangoproject.com/en/4.1/howto/overriding-templates/ It's been a while since we've updated the project's default bootstrap version though so if you wanted an updated version, it might also be good to do this as a pull request and get it into the project as the new default.

…

On Sat, Nov 19, 2022 at 4:07 PM brucegibbins ***@***.***> wrote: Hello, This is a two part question related to the same topic. I am curious as to what the expected format and layout of some of the pages should be. Specifically, the Ticket detail form. I am sure it is slightly wrong when I compare with some screenshots I have seen elsewhere. In particular some elements seem to misalign, and others are wrapped inside a container that doesn't seem to stretch. I suspect it is some type of bootstrap issue but am not sure and I was wondering if someone more familiar with the overall project and it's look and feel could comment or make any suggestions. If I wanted to look at using a later version of Bootstrap both CS and JS what is this recommended approach? I can see that base-head.html loads either from a local resource or from the CDN. If I was to alter these versions then no doubt any updates from your repo would overwrite this. Thank-you in advance. — Reply to this email directly, view it on GitHub <#1060>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABEKHU34ZI3ASO5NSA33NODWJE6S3ANCNFSM6AAAAAASFP3XGE> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[brucegibbins]

Thanks Garret

Of course! I forgot about the template over-ride. The PR might be a consideration for me if I can establish that what I am looking at is what everyone else sees. For example, I have attached a screenshot using the existing CSS showing that the hold form button is wrapping to a second line. I am not sure if this the same for everyone. I'd like to contribute in some manner, but this would be my first attempt. Hence, I would need to understand how to test the Look&feel properly.

Kind Regards

[brucegibbins]

Hello Again

Perhaps someone can offer some advice on how to approach this? My finding so far is that according to the Bootstrap v5.x release notes there are breaking changes when moving from v4 to v5.

I also noted that there are a number of third-party CSS libraries in use with Helpdesk. Therefore, I suspect that these changes may also present challenges to those existing libraries.

Currently my own challenge (as I have previously posted) is that whilst I am using HelpDesk as supplied there appears to be UI layout and alignment issues. I am not sure if these are caused by some local issue, CSS style clash, or if the layout is appearing as intended.

In particular inline forms are starting on a new "line". Again, I suspect a clash between styles but I am unable to isolate what it may be.

kind Regards