Home / Community & Support / Developer Productivity Tools Forums / Silverlight > ColorPicker > Color Picker in Context Menu

• Dhileep Kumar Sampath

  Posted on Nov 10, 2009 (permalink)

  Hi All,
          I am having a gridview in my page and need to assign context menu for first few rows. I am setting this in code behind during RowLoaded event for the gridview. I added a menu item like "Change Row Color" and need to show a color picker as sub menu item when user click on the menu item. Do you have any suggestion or sample for this?
  
  Thanks,
  Dhileep
  

  Reply

• Bobi Bobi

  Posted on Nov 12, 2009 (permalink)

  Hello Dhileep Kumar Sampath,
  
  We do not have the exact example in our online demos. However you can take a look at the following more complex example:
  http://demos.telerik.com/silverlight/#RibbonBar/MSOffice
  You can also take a look at the online examples of RadColorPicker:
  http://demos.telerik.com/silverlight/#ColorPicker/FirstLook
  
  I hope that this will be helpfull. Please let us know if you need some more help or have any other questions.
  
  Regards,
  Boryana
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Dhileep Kumar Sampath

  Posted on Nov 22, 2009 (permalink)

  Hi Boryana,
             Thanks for your information. I did most part of it except that when i add the RadColorSelector control in the menu item, the control comes as a submenu item with a icon strip in the left and border on the other 3 sides (hope u get the picture) . I just want the colorselector control and not the border and icon strip. Is there a way to do this?
  
  Thanks,
  Dhileep
  

  Reply

• Bobi Bobi

  Posted on Nov 24, 2009 (permalink)

  Hello Dhileep Kumar Sampath,
  
  You forgot to attach the sample picture.
  Please find attached a sample project that shows how to place a RadColorSelector control in the header of RadMenuItem.
  I hope that the sample project will help you. If not please attached the sample picture so that we could be able to prepare the exact project for you.
  
  Greetings,
  Boryana
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Attached files

  • colorpickerinmenu.zip

  Reply

• Dhileep Kumar Sampath

  Posted on Nov 24, 2009 (permalink)

  Hi Boryana,
         Thanks for looking into this issue and sending me a sample project. I have edited your mainpage.xaml in your sample to get the colorpicker as submenu item. The code is:
  
  

  <UserControl x:Class="ColorPickerInMenu.MainPage"

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  xmlns:input="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

  xmlns:navigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"

  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

  mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

  <Grid x:Name="LayoutRoot">

  <navigation:RadMenu Height="450" Width="200" Orientation="Vertical">

  <navigation:RadMenuItem Header="item1">

  <navigation:RadMenuItem Header="item12"/>

  <navigation:RadMenuItem Header="item13"/>

  </navigation:RadMenuItem>

  <navigation:RadMenuItem Header="item2"/>

  <navigation:RadMenuItem Header="item4">

  <navigation:RadMenuItem >

  <navigation:RadMenuItem.Header>

  <input:RadColorSelector/>

  </navigation:RadMenuItem.Header>

  </navigation:RadMenuItem>

  </navigation:RadMenuItem>

  </navigation:RadMenu>

  </Grid>

  </UserControl>

  
  I have attached the picture of this page. If you notice the picture, there is background given to the color picker since it treats it as a sub menu item. I just want the colorpicker control to appear and not the background. Is that possible by any means?
  
  Thanks,
  Dhileep
  

  Attached files

  • colorpickerinmenu.jpg

  Reply

• Bobi Bobi

  Posted on Nov 25, 2009 (permalink)

  Hi Dhileep Kumar Sampath,
  
  Please find attached the modified sample project.
  In order to be able to fully customize the appearance of RadMenuItem you have to edit the control template and define some custom style. More information about how to edit templates in Blend and how to customize themes you can find here:
  http://www.telerik.com/help/silverlight/radcontrols-for-silverlight-expression-blend-support.html
  
  II hope that this will help you.
   Please let us know if you have any other questions or need some more help.
  
  Regards,
  Boryana
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Attached files

  • colorpickerinmenu.zip

  Reply

• Rajesh

  Posted on Mar 19, 2010 (permalink)

  Hi
  
  I was looking for displaying ColorPicker in context menu and found the sample attached in this thread.
  
  For menu item "item4" , color picker is shown as expected.
  In your example, you used "RadMenu" instead of RadContextMenu.
  
  
  For this "item4" menu, I need to display "Arrow" on the right side to indicate there is submenu. Also for this menu item, and all other menu items, the "Icon" area is missing.
  
  How one can use "RadContextMenu", so for each menu item one can have place for icon image and if submenu exists then arrow will be shown.
  
  Will you please provide me updated sample which displays the menus' Icon area and if there is submenu, the arrow should be displayed.
  
  Also, in the color picker dialog, the event for selecting the default color is not working.
  
  -Rajesh

  Reply

• Rajesh

  Posted on Mar 19, 2010 (permalink)

  Hi
  
  I am able to get the submenu arrow and icon place holder for menu item and using it with "RadContextMenu".
  
  The other two issues are still not functioning -
  
  1. Selecting any color closes the context menu but clicking on default color [ Top level button in color selection ] doesn't close the context menu.
  
  2. Is it possible to show one more button below the button pallet [ "More Colors .." ] . Clicking on this button should close the context menu or color popup window and show dialog window for color creation [ Something similar in MS Word ].
  
  -Rajesh

  Reply

• Bobi Bobi

  Posted on Mar 24, 2010 (permalink)

  Hi Rajesh,
  
  The answers of your questions are:
  1.If you have in mind the example that was posted in this forum then you mean RadColorSelector not RadColorPicker. If so you can use the following code in order to close the menu popup:
  C#:
  

  private void RadColorSelector_SelectedColorChanged(object sender, EventArgs e)

       {

           Popup popup = (this.selector).ParentOfType<Popup>();

           if (popup != null && popup.IsOpen)

           {

               popup.IsOpen = false;

           }

       }

  XAML:
  

  <navigation:RadMenuItem x:Name="menuItem" Header="item4" Style="{StaticResource RadMenuItemStyle}">

                  <navigation:RadMenuItem  Style="{StaticResource RadMenuItemStyle}">

                      <navigation:RadMenuItem.Header>

                          <input:RadColorSelector  x:Name="selector"  SelectedColorChanged="RadColorSelector_SelectedColorChanged"/>

                      </navigation:RadMenuItem.Header>

                  </navigation:RadMenuItem >

              </navigation:RadMenuItem>

  
  2.This issue is already added in our to do list. Here you can see the current status and to vote for it as well :
  http://www.telerik.com/support/pits.aspx#/public/silverlight/986
  Generally if a feature or a product gets lots of votes we might change our initial plans and develop it for the next release cycle.
  
  I hope that this will help you.
  Please let us know if you have any other questions or need some more help.
  
  Best wishes,
  Bobi
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Silverlight > ColorPicker > Color Picker in Context Menu