ColorPicker Inside Grid Item Template Display Issue

[Arun]

Hi all,

I am trying to use a Rad colorpicker inside a radgrid template column . this is my grid code

<telerik:RadGrid ID="rgParameterValues" runat="server" OnItemDataBound="rgParameterValues_ItemDataBound"                                Width="98%" OnNeedDataSource="rgParameterValues_NeedDataSource"

CellSpacing="0" GridLines="None"AutoGenerateColumns="False" Skin="Metro">

 <ExportSettings>

  <Pdf>

    <PageHeader>

           <LeftCell Text=""></LeftCell>

           <MiddleCell Text=""></MiddleCell>

           <RightCell Text=""></RightCell>

           </PageHeader>

           <PageFooter>

           <LeftCell Text=""></LeftCell>

            <MiddleCell Text=""></MiddleCell>

           <RightCell Text=""></RightCell>

         </PageFooter>

    </Pdf>

 </ExportSettings>

<MasterTableView TableLayout="Fixed">

 <Columns>

  <telerik:GridBoundColumn UniqueName="gbc_parameterfriendlyname" DataField="ParameterDescription"HeaderText="Parameter  Name" ReadOnly="true" ItemStyle-Width="190px">

      <ItemStyle Width="190px"></ItemStyle>

  </telerik:GridBoundColumn>

  <telerik:GridBoundColumn UniqueName="gbc_parametername" DataField="ParameterId"   HeaderText=""Visible="true" ItemStyle-Width="0px" ItemStyle-Font-Size="0px"     Display="False">

    <ItemStyle Font-Size="0px" Width="0px"></ItemStyle>

  </telerik:GridBoundColumn>

  <telerik:GridTemplateColumn UniqueName="gbc_parameterTemplate"

                                            HeaderText="New Value">

   <ItemTemplate>

      <telerik:RadTextBox runat="server" ID="textValue" Text='<%#   Bind("ValueString") %>' Visible="false">

      </telerik:RadTextBox>

 

       <telerik:RadColorPicker ID="rcpColour" runat="server" ShowIcon="True"

             KeepInScreenBounds="False" Visible="False" Width="200px" Columns="5"

              SelectedColor="" onclientpopupshow="rcpColour_PopUpShow"

                AutoPostBack="False" onclientcolorchange="rcpColour_ColorChange"

              Height="50px" >

        </telerik:RadColorPicker>

      <br />

      <asp:Button runat="server" ID="btnOpenWrdWin" OnClientClick="return false"        Text="Wording" Visible="false" />

      <asp:Button runat="server" ID="btnOpenImageBrowseWin" OnClientClick="return   false;" Text="Browse" Visible="false" />

   </ItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column"    HeaderText="CurrentValue" UniqueName="TemplateColumn">

    <ItemTemplate>

        <telerik:RadTextBox ID="txtCurrentValue" runat="server" Text='<%#               Bind("ValueString") %>' Enabled="False" Visible="false">

        </telerik:RadTextBox>

        <telerik:RadButton ID="btnCurrentValue" runat="server"                  ButtonType="ToggleButton"ToggleType="CustomToggle" Text="RadButton" Visible="false" Enabled="False">

 <ToggleStates>

                                                            <telerik:RadButtonToggleState Value="False" Text="False"                    PrimaryIconCssClass="rbToggleCheckbox" />

                                                            <telerik:RadButtonToggleState Value="" Text="Not Set"                   PrimaryIconCssClass="rbToggleCheckboxFilled" />

                                                            <telerik:RadButtonToggleState Value="True" Text="True"          PrimaryIconCssClass="rbToggleCheckboxChecked" />

</ToggleStates>

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

 <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

 <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

 <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"> </ExpandCollapseColumn>

<EditFormSettings>

 <EditColumn FilterControlAltText="Filter EditCommandColumn column">

                                        </EditColumn>

</EditFormSettings>

  <BatchEditingSettings EditType="Cell"></BatchEditingSettings>

  <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

 </MasterTableView>

<HeaderStyle BackColor="#C6E7FC" />

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

 <FilterMenu EnableImageSprites="False">

 </FilterMenu>

</telerik:RadGrid>

while previewing the picker display is scattered , please see the attached picture.
if i missed some settings kindly advice me.


Thanks in advance 
Arun




[Danail Vasilev]

Hello Arun,

I have already replayed to your ticket, so I paste my answer below for the members of this forum:

Thank you for contacting the Telerik Support Team.

I have tried to reproduce the unexpected behavior but to no avail. Could you please have a watch at the short video included in the attached archive and then tell me what I am missing?

Note also that setting the Columns property of the RadColorPicker will organize the colors in the palette in groups, so that the lower the number in the Columns property is, the higher the height of the RadColorPicker will be set. Therefore you can either avoid setting this property or set higher value to it.

From the provided snap shot it seems that there is one column set and there is some styles applied to the height of each color. It may be possible that some global CSS is affecting RadColorPicker's appearance. If that is the case I can suggest you to remove all the CSS from your page and if that fixes the issue, then start turning one by one the styles until you find and fix the problematic rule. More information on the matter is available in this help article.

If the above information, however, is not helpful, could you please try to reproduce the issue with the provided VS example and then send it back to us, so that we can proceed further with the investigation?

Could I also ask you to not open multiple forum threads for similar questions, so that it is more easier find posts on particular subjects?

Thank you for your cooperation

Regards,
Danail Vasilev
Telerik