Formatting fields

@drryan,

We are working on updating the documentation and would like to know your thoughts about it.

It just feels like there all this hidden knowledge regarding plumsail and documentation can be so hard to find sometimes.

What was hard for you to find? What information do you think is missing in documentation?

We would really appreciate the feedback.

This is still a relevant topic. I was able to finally center some value from a Choice column using this CSS, which applied globally to ALL fields. After trying to target fields individually with custom classes, I just added this CSS and shifted by focus to adjusting other fields that were not impacted by this CSS.

.k-state-default input, span.k-picker-wrap.k-state-default, 
.fd-form .k-dropdown-wrap .k-input, span.k-dropdown-wrap.k-state-default {
  text-align: center !important;
  justify-content: center  !important;
}

You can see the "After" illustration is still not centered but a lot closer. I will work on getting it perfect. This kind of sloppy look drives me bonkers.

CenterMadness

As for your question, the search terms are key to finding anything, anywhere. I searched various strings for hours such as "Center CSS", "Center Choice", "Align-Center". After so many attempts, I searched "Dropdown" and found this post. It is maddening to not have the right words when you're not sure what you're looking for :slight_smile:

1 Like

Hello @shedev,

Is it SharePoint field? Single or Multiple choice?

@Margo,

Yes, the SharePoint field is Choice, with many options.

@shedev,

This CSS works on my form for multiple choice drop down field:

.k-multiselect .k-multiselect-wrap ul {
    display: inline-block;
}

.k-multiselect-wrap.k-floatwrap {
    text-align: center !important;
    justify-content: center  !important;
}

image