Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
995
xamdatacard cell tooltip
posted

Hi

I have a xamdatacard which is bound to a datatable.  One of the cells contains multilined text which could be up to 3000 characters.  I would like to limit this to display only 255 characters and then display the fulltext as a tooltip when hovering over this cell.

<igDP:XamDataPresenter Name="myDataPresenter" Grid.Row="1" BindToSampleData="False" AutoFit="True" Margin="0,0,0,6" Visibility="Visible" >

           <igDP:XamDataPresenter.FieldSettings>

               <igDP:FieldSettings AllowRecordFiltering="True" FilterClearButtonVisibility="Visible" FilterOperandUIType="Combo" FilterOperatorDefaultValue="Contains" FilterStringComparisonType="CaseInsensitive" AllowEdit="False" AllowGroupBy="False" AllowCellVirtualization="True" AllowLabelVirtualization="True" AllowResize="False" AllowSummaries="False" CellClickAction="SelectCell" />

           </igDP:XamDataPresenter.FieldSettings>

           <igDP:XamDataPresenter.FieldLayoutSettings>

               <igDP:FieldLayoutSettings AutoGenerateFields="False" AllowAddNew="False" AllowDelete="False" HighlightAlternateRecords="True" HighlightPrimaryField="Highlight" />

           </igDP:XamDataPresenter.FieldLayoutSettings>

 <igDP:XamDataPresenter.FieldLayouts>

               <igDP:FieldLayout Key="myLayout">

                   <igDP:FieldLayout.Fields>

                       <igDP:Field Name="ExerciseTitle" Label="ExerciseTitle" Height="Auto" Width="235"/>

                       <igDP:Field Name="ExerciseText" Label="ExerciseText" Height="90" Width="235"/>

                       <igDP:Field Name="Difficulty" Label="Difficulty" Height="Auto" Width="235"/>

                       <igDP:Field Name="BodyParts" Label="BodyParts" Height="Auto" Width="235"/>

                       <igDP:Field Name="ExerciseFunctions" Label="ExerciseFunctions" Height="Auto" Width="235"/>

                       <igDP:Field Name="ExerciseID" Label="ExerciseID" Height="0" Width="0" Visibility="Hidden" />

                   </igDP:FieldLayout.Fields>

               </igDP:FieldLayout>

           </igDP:XamDataPresenter.FieldLayouts>

 <igDP:XamDataPresenter.View>

               <igDP:CardView>

                   <igDP:CardView.ViewSettings>

                       <igDP:CardViewSettings AutoFitCards="HorizontallyAndVertically" HeaderPath="ExerciseID" ShouldCollapseEmptyCells="True" />

                   </igDP:CardView.ViewSettings>

               </igDP:CardView>

           </igDP:XamDataPresenter.View>

       </igDP:XamDataPresenter>

Parents
No Data
Reply
  • 138253
    Offline posted

    Hello,

     

    Thank you for your post. I have been looking into it and I created a sample project for you with the functionality you want. Basically I used the XamTextEditor’s ValueToDiplayTextConverter Property to restrict the displayed value’s length to 5 (in my sample) and I also created a Style for the CellValuePresenter to set its ToolTip to be the whole value, not just the displayed part. Please let me know if this helps you or you need further assistance on this matter.

     

    Looking forward for your reply.

    XamDataCardsToolTip.zip
Children