This is a migrated thread and some comments may be shown as answers.

Multiple values ressources displayed on multiple columns in advanced form

2 Answers 22 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Francois MARTIN
Top achievements
Rank 2
Francois MARTIN asked on 26 Nov 2013, 02:54 PM

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

2 Answers, 1 is accepted

Sort by
0
Accepted
Kate
Telerik team
answered on 29 Nov 2013, 12:09 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Francois MARTIN
Top achievements
Rank 2
answered on 29 Nov 2013, 05:05 PM
Brilliant! Thanks.
Tags
Scheduler
Asked by
Francois MARTIN
Top achievements
Rank 2
Answers by
Kate
Telerik team
Francois MARTIN
Top achievements
Rank 2
Share this question
or