Multiple values ressources displayed on multiple columns in advanced form

[Francois MARTIN]

in the Advanced form, whenever using the multiple ressources scenario (AllowMultipleValues = true), all the ressources are displayed in a single column (as shown in attached image).

This is OK if there is less than 3 or 4 possible ressources, but becomes pretty ugly whenever there is 10 or 15 potential ressources. Would it be possible to consider for a future release to add a parameter to display the ressources in several columns ?

Another possibility would be to display the ressources as a multiple selection combo or listbox (with checkboxes).





François

[Kate]

Hello Francois,

Currently to workaround the issue that you get you can use the following css class selector and place the checkboxes in multiple columns:

<style type="text/css">
       .RadScheduler .rsAdvancedEdit .RadColorPicker label {
           text-align: left;
           display: block;
           padding: 0;
       }

       html .RadScheduler .rsAdvancedEdit .rsResourceControls {
           padding-left: 82px;
       }

           html .RadScheduler .rsAdvancedEdit .rsResourceControls .rsAdvResourceLabel {
               margin-left: -82px;
               float: left;
           }


       html .RadScheduler .rsAdvancedEdit .rsCheckBoxList {
           /** Make as wide as possible */
           width: 100%;
           display: block;
           /** Contain floats IE 6/7 */
           zoom: 1;
       }
           /** Contain floats the rest */
           html .RadScheduler .rsAdvancedEdit .rsCheckBoxList:after {
               content: "";
               clear: both;
               display: block;
           }

           html .RadScheduler .rsAdvancedEdit .rsCheckBoxList li {
               /** Set (100 / columns count) % depending on the number of the columns
                    that you need to set you can adjust the percentage
                  for example currently 25% refers to 4 columns */
               width: 25%;
               /** Arrange them side by side */
               float: left;
               clear: none;
           }
   </style>

Regards,
Kate
Telerik

[Francois MARTIN]

Brilliant! Thanks.