Skip to main content
J
jensc17-Peridot
17-Peridot
January 31, 2023
Solved

ThingWorx 9.3 grid with Fixed width columns and multi select exhibit unexpected behavior

  • January 31, 2023
  • 3 replies
  • 2200 views

Hello all,

 

I have some grids where all of my columns needs to be a fixed width.

The grid also needs to support multiple selections.

 

But when these two things are activated together, the grid has some (to me) unexpected behavior.

jensc_0-1675169441014.png

You can see that it cuts off part of the last column and creates a scrollbar at the bottom.

From what I can tell this is due to the fact that the grid part of the grid widget itself doesn't take into consideration the added column for the checkboxes.

 

Does anyone know of any workaround for this? Or maybe I am just doing something wrong?

 

Any help with this would be much appreciated as it is the last thing from my 9.1 -> 9.3 migration that I haven't been able to solve.

 

Thanks,

Jens

 

Best answer by jensc

Hello,

 

Finally found a fix to this issue.

It does require some custom CSS until they fix it in an upcoming release of thingworx.

 

Before:

jensc_1-1676023851510.png

 

 

Here is how to fix it for one grid:

 

Add this to your custom CSS:

 

 

.myGrid ptcs-grid::part(core-grid) {
 --vssbw: 33px !important;
}

 

 

Turn off linting (otherwise you are not allowed to set variables).

 

Set the CustomClass of your grid to "myGrid" and it should now look correct:

 

jensc_0-1676023835860.png

If you have multiple grids in one mashup that you face issues with, you can use this custom CSS instead:

 

 

@supports (ptcs-style-unit: "PTCS-GRID") {
 [part~=core-grid] {
 --vssbw: 33px !important;
 }
}

 

 

Thanks,

Jens

3 replies

B
bchaudhary_4480085-Regular Member
5-Regular Member
January 31, 2023

Hello @jensc 

 

 

Could you pls share sample entities? I would like to try and test on my end.

 

Regards

Bhawna

J
jensc17-PeridotAuthor
17-Peridot
February 1, 2023

Hello @bchaudhary_448008 

Absolutely, here you go.

The entities has a tag "Application:MultiSelectGrid", so you might have to create this tag (or remove it from the xml) before importing it.

 

*Edit*

This is on version 9.3.5-b1258

 

Thanks,
Jens

O
OldGoat13-Aquamarine
13-Aquamarine
February 8, 2023

We've had a TON of headaches migrating our mashups to 9.3.5, including this one.  Tabs with grids in a pop-up were an exceptionally difficult issue.  I realize you may already have it this way, so please forgive me if I make a suggestion that you have already tried.  The example below was in a mashup, not a pop-up, but this fixed our issue similar to yours.  As an additional step, check for the "Margin" property on your widgets and enter "0 0 0 0" (the margin settings are Top, Right, Bottom, Left).  A singular "0" is supposed to be interpreted as 0 0 0 0, but it isn't always.

 

First place either a FieldSet or a FIXED size container in your mashup.  Next, drop a (or another) FieldSet in the container/FieldSet.  Finally, drop your grid in the fieldset.  It *SHOULD* clear up this problem...

OldGoat_1-1675875662690.png

 

 

 

    J
    jensc17-PeridotAuthor
    17-Peridot
    February 9, 2023

    Hello,

     

    Thank you for your response.

    I think my users could be OK with this issue for now, so I will table doing any mayor work arounds for now.

     

    I did open a case with PTC and it seems like this is is due to a new issue in 9.3.5.

    I got this from PTC support:

     

    "Following some additional tests it turns out that this issue is new to Thingworx 9.3.5. The same is not reproducible in 9.3.4 and earlier. It is probably an unwanted side-effect of an implemented fix. I have reported this to R&D with all the information I could gather and I will let you know as soon as I receive a feedback."

     

    I'll post here once again if I hear back from them regarding this though.

     

    Thanks,

    Jens

      J
      jensc17-PeridotAuthorAnswer
      17-Peridot
      February 10, 2023

      Hello,

       

      Finally found a fix to this issue.

      It does require some custom CSS until they fix it in an upcoming release of thingworx.

       

      Before:

      jensc_1-1676023851510.png

       

       

      Here is how to fix it for one grid:

       

      Add this to your custom CSS:

       

       

      .myGrid ptcs-grid::part(core-grid) {
 --vssbw: 33px !important;
}

       

       

      Turn off linting (otherwise you are not allowed to set variables).

       

      Set the CustomClass of your grid to "myGrid" and it should now look correct:

       

      jensc_0-1676023835860.png

      If you have multiple grids in one mashup that you face issues with, you can use this custom CSS instead:

       

       

      @supports (ptcs-style-unit: "PTCS-GRID") {
 [part~=core-grid] {
 --vssbw: 33px !important;
 }
}

       

       

      Thanks,

      Jens

      Terms & ConditionsAccessibility statement