June 21, 2018, 08:34:29 AM

See more Support incidents in our old archived forum.

Author Topic: Customize column header  (Read 2891 times)

dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Customize column header
« on: February 24, 2016, 10:05:08 AM »
Hi support team,

How to customize the gantt control column header, for example: make the background white, bold the font...?
Pls let me know the solution

Thanks

Rajagopal

  • RQ Members
  • Jr. Member
  • *
  • Posts: 96
Re: Customize column header
« Reply #1 on: February 24, 2016, 01:27:34 PM »
dniezgoda,

Please take a look at our "ProjectGantt\Appearance\CustomGanttLook\CustomGanttLook" install sample and refer the "GanttControl -> Appearance Customization -> Table Look and Feel  -> Customizing GanttTable" topic in our UG to know more about customizing the column header.


Thanks,
- Raja.

dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Re: Customize column header
« Reply #2 on: February 25, 2016, 04:59:28 AM »
Thanks a lot,

one more thing, how to change the style(background) for scroll pager button?


dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Re: Customize column header
« Reply #3 on: February 25, 2016, 10:55:54 AM »
btw, could you pls provide the download link for silverlight released version 7.0?

Thanks

Rajagopal

  • RQ Members
  • Jr. Member
  • *
  • Posts: 96
Re: Customize column header
« Reply #4 on: February 25, 2016, 02:18:29 PM »
dniezgoda,

We sent the download to your email address. We will update you soon on this customizing the pager button style.


Thanks,
- Raja.

dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Re: Customize column header
« Reply #5 on: February 25, 2016, 05:29:18 PM »
Hi

I have not received email from RadiantQ yet
Which email have you sent?
dniezgoda@qda-projects.com

ForumAdmin

  • Administrator
  • Jr. Member
  • *****
  • Posts: 78
Re: Customize column header
« Reply #6 on: February 25, 2016, 10:59:46 PM »
Daniel,

We just sent the download to that address, please confirm receipt.

Thanks
RQ Support

dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Re: Customize column header
« Reply #7 on: February 26, 2016, 02:37:06 AM »
Thanks, i got it
btw, how to switch off the gantt chart view(not only collapse) for better performance in loading gantt table?


dniezgoda

  • Customers
  • Newbie
  • *
  • Posts: 18
Re: Customize column header
« Reply #8 on: February 26, 2016, 08:32:42 AM »
Hi,
Urgent, after upgraded to 7.0 we get an exception outdent function
For example: outdent item 322 then system thrown exception



Rajagopal

  • RQ Members
  • Jr. Member
  • *
  • Posts: 96
Re: Customize column header
« Reply #9 on: February 26, 2016, 03:38:41 PM »
Thanks a lot,

one more thing, how to change the style(background) for scroll pager button?



Daniel,

You can customize the pager button style with "HorizontalDecrementTemplate" and "HorizontalIncrementTemplate" in XAML file as follows,

Code: [Select]
<ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
    <Grid x:Name="Root" Background="Red">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal" />
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Pressed">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Disabled">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53"  StrokeThickness="1">
            <Rectangle.Stroke>
                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                <GradientStop Color="#FF647480" Offset="1"/>
                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                </LinearGradientBrush>
            </Rectangle.Stroke>
        </Rectangle>
        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
        <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
        <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                    <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
        <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
            <Path.Fill>
                <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
            </Path.Fill>
        </Path>
        <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
    </Grid>
</ControlTemplate>
<ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
    <Grid x:Name="Root"  Background="Red">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal" />
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Pressed">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                        <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                        <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Disabled">
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
            <Rectangle.Stroke>
                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                    <GradientStop Color="#FF647480" Offset="1"/>
                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                </LinearGradientBrush>
            </Rectangle.Stroke>
        </Rectangle>
        <Rectangle x:Name="BackgroundAnimation" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
        <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                    <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
        <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
            <Path.Fill>
                <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
            </Path.Fill>
        </Path>
        <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
    </Grid>
</ControlTemplate>

In C#, Assign the customized template to corresponding button
Code: [Select]
void ganttControl_TemplateApplied(object sender, EventArgs e)
{
    this.ganttControl.GanttChart.Loaded += new RoutedEventHandler(GanttChart_Loaded);
}

void GanttChart_Loaded(object sender, RoutedEventArgs e)
{
    this.ganttControl.GanttChart.TimeScaleShiftLeftButton.Template = (ControlTemplate)this.LayoutRoot.Resources["HorizontalDecrementTemplate"];
    this.ganttControl.GanttChart.TimeScaleShiftRightButton.Template = (ControlTemplate)this.LayoutRoot.Resources["HorizontalIncrementTemplate"]; 
}

We will update you on other things soon.

**Note: We recommend you to create an individual forum threads with appropriate title. That's the best way to keep following on all of your queries/issues & our answers together easily.

Thanks,
- Raja.
« Last Edit: February 26, 2016, 03:40:50 PM by Rajagopal »

ForumAdmin

  • Administrator
  • Jr. Member
  • *****
  • Posts: 78
Re: Customize column header
« Reply #10 on: February 27, 2016, 03:40:25 PM »
Daniel,

Regarding the issue with Outdent you reported, can you help us reproduce the issue in our sample or in a Reference sample? We can't seem to reproduce this issue.

Thanks
RQ Support