Multiple values ressources displayed on multiple columns in advanced form

3 posts, 1 answers
  1. Francois MARTIN
    Francois MARTIN avatar
    44 posts
    Member since:
    Aug 2005

    Posted 26 Nov 2013 Link to this post

    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. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 29 Nov 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Francois MARTIN
    Francois MARTIN avatar
    44 posts
    Member since:
    Aug 2005

    Posted 29 Nov 2013 Link to this post

    Brilliant! Thanks.
Back to Top