RadiantQ Forum

Product => Silverlight Gantt Package => Topic started by: dniezgoda on February 24, 2016, 10:05:08 AM

Title: Customize column header
Post by: dniezgoda 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

Title: Re: Customize column header
Post by: Rajagopal 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.

Title: Re: Customize column header
Post by: dniezgoda on February 25, 2016, 04:59:28 AM

Thanks a lot,

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

(http://s30.postimg.org/9cw325til/2016_02_25_11_54_36.jpg) (http://postimg.org/image/9cw325til/)

Title: Re: Customize column header
Post by: dniezgoda on February 25, 2016, 10:55:54 AM

btw, could you pls provide the download link for silverlight released version 7.0?

Thanks

Title: Re: Customize column header
Post by: Rajagopal 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.

Title: Re: Customize column header
Post by: dniezgoda 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

Title: Re: Customize column header
Post by: ForumAdmin on February 25, 2016, 10:59:46 PM

Daniel,

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

Thanks
RQ Support

Title: Re: Customize column header
Post by: dniezgoda 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?

Title: Re: Customize column header
Post by: dniezgoda 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

(http://s10.postimg.org/iozhly9px/2016_02_26_15_28_31.jpg) (http://postimg.org/image/iozhly9px/)
(http://s10.postimg.org/5jjzfufud/2016_02_26_15_28_44.jpg) (http://postimg.org/image/5jjzfufud/)

Title: Re: Customize column header
Post by: Rajagopal on February 26, 2016, 03:38:41 PM

Quote from: dniezgoda on February 25, 2016, 04:59:28 AM

Thanks a lot,

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

(http://s30.postimg.org/9cw325til/2016_02_25_11_54_36.jpg) (http://postimg.org/image/9cw325til/)

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.

Title: Re: Customize column header
Post by: ForumAdmin 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