Skip to content

Conversation

@Vijay-Nirmal
Copy link
Contributor

@Vijay-Nirmal Vijay-Nirmal commented Jan 18, 2018

Issue: #1226 #1569

PR Type

What kind of change does this PR introduce?

  • Documentation content changes

What is the new behavior?

Adding more details.

Work In Progress - Don't merge this PR until I update all docs

  • Animations docs
  • Controls docs
  • Developer tools docs
  • Extensions docs
  • Helpers docs
  • Notifications docs
  • Services docs
  • Brushes docs

Does this PR introduce a breaking change? - No

Copy link
Contributor

@skendrot skendrot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the en-us from links to docs.microsoft.com

# FadeHeader

The FadeHeader fades a ListView or GridView Header UIElement when the user scrolls. The UIElement fades out to 0 opacity when the edge of the Header reaches the edge of the visible bounds of the ListElement.
The [FadeHeader](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.parallaxservice) fades a ListView or GridView Header UIElement when the user scrolls. The UIElement fades out to 0 opacity when the edge of the Header reaches the edge of the visible bounds of the ListElement.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This appears to be the wrong link

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops

| Then() | Wait for existing animations to complete before running new animations |

### EasingType

Copy link
Contributor

@skendrot skendrot Jan 18, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

EasingType is listed under methods instead of Properties. This should be listed with the properties

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice catch

# Blur

The Blur animation blurs a XAML element by increasing or decreasing pixel size. Blur animation is applied to all the XAML elements in its parent control/panel. Blur animation doesn't affect the functionality of the control.
The [Blur animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) blurs a XAML element by increasing or decreasing pixel size. Blur animation is applied to all the XAML elements in its parent control/panel. Blur animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor Author

@Vijay-Nirmal Vijay-Nirmal Jan 19, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.


## Related Topics

- [Visual layer](https://docs.microsoft.com/en-us/windows/uwp/composition/visual-layern)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Typo in link. Remove trailing n

# Fade

The Fade animation fades objects, in and out, over time. Fade animation is applied to all the XAML elements in its parent control/panel. Fade animation doesn't affect the functionality of the control.
The [Fade animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) fades objects, in and out, over time. Fade animation is applied to all the XAML elements in its parent control/panel. Fade animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Possible wrong link or intended to use with id #Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Fade_

The Implicit Animations Attached Properties can be used in combination with the VisualExtensions. This works well when used in Storyboards.
The Implicit Animations Attached Properties enable implicit animations to be defined in your XAML code by using the [Composition Animation](https://docs.microsoft.com/en-us/windows/uwpcommunitytoolkit/animations/compositionanimations) XAML objects. This allows animations to be defined directly on the element, or defined as XAML resources and applied to any XAML element.

The Implicit Animations Attached Properties can be used in combination with the [VisualExtensions](https://docs.microsoft.com/en-us/windows/uwpcommunitytoolkit/extensions/viewextensions). This works well when used in Storyboards.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

VisualExtensions should be ViewExtensions

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

haha Actually, ViewExtensions should be VisualExtensions. Wrong link 😄

# Light

The Light animation behavior performs a point light (A point source of light that emits light in all directions) in the middle of a given UIElement. You set the distance property of the light to determine how bright the light will be. The closer the light source, the darker the UI element will be. ***NOTE**: Heavy usage of effects may have a negative impact on the performance of your application.*
The [Light animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) behavior performs a point light (A point source of light that emits light in all directions) in the middle of a given UIElement. You set the distance property of the light to determine how bright the light will be. The closer the light source, the darker the UI element will be.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Possible wrong link or intended to use with id #Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Light_

# Offset

The Offset animation is used to move the control from one place to another. Offset animation is applied to all the XAML elements in its parent control/panel. Offset animation doesn't affect the functionality of the control.
The [Offset animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) is used to move the control from one place to another. Offset animation is applied to all the XAML elements in its parent control/panel. Offset animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add id #Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Offset_ to link

# Rotate

The Rotate animation allows users to modify and animate the control's rotation. Rotate animation is applied to all the XAML elements in its parent control/panel. Rotate animation doesn't affect the functionality of the control.
The [Rotate animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) allows users to modify and animate the control's rotation. Rotate animation is applied to all the XAML elements in its parent control/panel. Rotate animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add id to link #Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Rotate_

# Saturation

The Saturation animation selectively saturates a XAML element. Saturation animation is applied to all the XAML elements in its parent control/panel. Saturation animation doesn't affect the functionality of the control.
The [Saturation animation](https://docs.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions) selectively saturates a XAML element. Saturation animation is applied to all the XAML elements in its parent control/panel. Saturation animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add id to link #Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Saturation_

***Note:** Blur, Light and Saturation animation don't support easing*
> [!IMPORTANT]
EasingType is used only when AnimationSet.UseComposition == false

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note #1761

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry for the late response, I had exams this week.

For now, I will keep it like this. If #1761 didn't solve this issue then we can change it.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@WilliamABradley Will code block inside a Note work?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A Note is just a skinned Quote Block, which can handle some formatting:

>```csharp
> void 
>```

This works the same here on GitHub, as it does in the MarkdownTextBlock.

void 

@WilliamABradley
Copy link
Contributor

@Vijay-Nirmal @cbarkerms Onedrive and MS Graph documentation hasn't been updated since #1588, this could do with some restructuring, also the requirements need updated specifying .NET Standard support.

I like this style:

Requirements

Implementation .NET Standard 1.4.
Namespace Microsoft.Toolkit.Services
NuGet package Microsoft.Toolkit.Services

@nmetulev
Copy link
Contributor

@Vijay-Nirmal, I'm going to move this to 3.0. We can always merge for 2.2 if you get it done that fast :)

@Vijay-Nirmal
Copy link
Contributor Author

@nmetulev Sorry for the delay. I am overloaded with many projects in college. I will try to complete before v2.2

@nmetulev
Copy link
Contributor

No worries, we all get busy :). Just FYI, the code freeze for 2.2 is next Wednesday.

@WilliamABradley
Copy link
Contributor

@Vijay-Nirmal #1650 has now been merged, you will need to merge the documentation changes with your changes. You should open the Sample app and check how your Sample pages look in the Documentation pane.

A change I made to the Sample app means that it Debug mode, the Sample App will always use the local copy of the documentation, so that editing any files will reflect in the app, rather than always getting the version from docs.microsoft.com. This means that you should now be able to preview your modifications in the Sample app.

@Vijay-Nirmal
Copy link
Contributor Author

More than 60 conflicting files 😮

@WilliamABradley
Copy link
Contributor

WilliamABradley commented Feb 14, 2018

Visual Studio & VS Code have powerful merging tools 😄

@Odonno
Copy link
Contributor

Odonno commented Feb 14, 2018

Or use vscode, it is freaking cool how easy & quickly you can merge with this editor.

@Vijay-Nirmal
Copy link
Contributor Author

Vijay-Nirmal commented Feb 14, 2018

@Odonno I am already using VSCode.

@windowstoolkitbot
Copy link

This PR seems inactive. @Vijay-Nirmal Do you need help to complete this issue?

@Vijay-Nirmal Vijay-Nirmal mentioned this pull request Mar 26, 2018
6 tasks
@windowstoolkitbot
Copy link

This PR seems inactive. @Vijay-Nirmal Do you need help to complete this issue?

I didn't add Properties/Methods in Linkedin, MicrosoftGraph, MicrosoftTranslator, OneDrive and Twitter
@Vijay-Nirmal
Copy link
Contributor Author

I didn't add Properties/Methods in Linkedin, MicrosoftGraph, MicrosoftTranslator, OneDrive and Twitter because they will be changed when we move to Microsoft.Toolkit.Services from Microsoft.Toolkit.Uwp.Services. Also, it is very time-consuming. If you want, I will make a separate PR to do this.

Ping @WilliamABradley, @skendrot, @nmetulev for review

@nmetulev
Copy link
Contributor

Yeah, let's split this up the rest of the work in another PR, this is becoming huge :)

Once you are ready with the current work, let us know so we can review.

@Vijay-Nirmal
Copy link
Contributor Author

@nmetulev I think I finished all the work.

I didn't add Properties/Methods for Services because I got confused with Microsoft.Toolkit.Services and Microsoft.Toolkit.Uwp.Services. Anyway, we are going to change every service to Microsoft.Toolkit.Services with the next release. So, I thought it is unnecessary to add doc for .Uwp.Services. If you want, I will do it in PR.

@nmetulev
Copy link
Contributor

Apologies, i didn't realize this was ready for review. Will review it asap.

ping @skendrot and @WilliamABradley to update their reviews

Copy link
Contributor

@nmetulev nmetulev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a huge PR, and I left few comments, but overall, looks great.

.SetDurationForAll(500);
.Start();
}
.Start();
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks the code block rendering, needs few tabs

# Blur

The Blur animation blurs a XAML element by increasing or decreasing pixel size. Blur animation is applied to all the XAML elements in its parent control/panel. Blur animation doesn't affect the functionality of the control.
The [Blur animation](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions#Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Blur_) blurs a XAML element by increasing or decreasing pixel size. Blur animation is applied to all the XAML elements in its parent control/panel. Blur animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

# Fade

The Fade animation fades objects, in and out, over time. Fade animation is applied to all the XAML elements in its parent control/panel. Fade animation doesn't affect the functionality of the control.
The [Fade animation](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions#Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Fade_) fades objects, in and out, over time. Fade animation is applied to all the XAML elements in its parent control/panel. Fade animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

# FadeHeader

The FadeHeader fades a ListView or GridView Header UIElement when the user scrolls. The UIElement fades out to 0 opacity when the edge of the Header reaches the edge of the visible bounds of the ListElement.
The [FadeHeader](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.animations.behaviors.fadeheaderbehavior) fades a ListView or GridView Header UIElement when the user scrolls. The UIElement fades out to 0 opacity when the edge of the Header reaches the edge of the visible bounds of the ListElement.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as above, change url to point to actual fade extension method

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the current link

# Offset

The Offset animation is used to move the control from one place to another. Offset animation is applied to all the XAML elements in its parent control/panel. Offset animation doesn't affect the functionality of the control.
The [Offset animation](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.animations.animationextensions#Microsoft_Toolkit_Uwp_UI_Animations_AnimationExtensions_Offset_) is used to move the control from one place to another. Offset animation is applied to all the XAML elements in its parent control/panel. Offset animation doesn't affect the functionality of the control.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

change link to point to the Offset extension method

## Sample Code

| [Device family](http://go.microsoft.com/fwlink/p/?LinkID=526370) | Universal, 10.0.14393.0 or higher |
[ListViewBase extentions](https://github.com/Microsoft/UWPCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/ListViewExtensions). You can see this in action in [UWP Community Toolkit Sample App](https://www.microsoft.com/store/apps/9NBLGGH4TLCQ).
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ListViewExtensions


> [!NOTE]
Windows Anniversary Update (10.0.14393.0) is required for this helper to work correctly.
The [SurfaceDialTextboxHelper XAML Property](https://docs.microsoft.com/windows/uwpcommunitytoolkit/extensions/surfacedialtextboxhelper) adds features from the Surface Dial control to a numeric TextBox. This enables you to modify the content of the TextBox when rotating the Surface Dial (increasing or decreasing the value) and optionally go to the next focus element by tapping the Surface Dial click button.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This link would point to itself :)

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, name of the helper is SurfaceDialTextbox (not SurfaceDialTextboxHelper)

<Page ...
xmlns:extensions="using:Microsoft.Toolkit.Uwp.UI.Extensions">

<TextBox Width="106"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need to update sample to change SurfaceDialTextboxHelper to SurfaceDialTextbox


(This API is obsolete and will be removed in the future. Please use [System.Net.Http.HttpRequestMessage](https://msdn.microsoft.com/en-us/library/system.net.http.httprequestmessage(v=vs.110).aspx)
or [Windows.Web.Http.HttpRequestMessage](https://docs.microsoft.com/en-us/uwp/api/windows.web.http.httprequestmessage) directly)
(This API is obsolete and will be removed in the future. Please use [System.Net.Http.HttpRequestMessage](https://msdn.microsoft.com/library/system.net.http.httprequestmessage(v=vs.110).aspx)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be a [WARNING]


(This API is obsolete and will be removed in the future. Please use [System.Net.Http.HttpResponseMessage](https://msdn.microsoft.com/en-us/library/system.net.http.httpresponsemessage(v=vs.110).aspx)
or [Windows.Web.Http.HttpResponseMessage](https://docs.microsoft.com/en-us/uwp/api/Windows.Web.Http.HttpResponseMessage) directly)
(This API is obsolete and will be removed in the future. Please use [System.Net.Http.HttpResponseMessage](https://msdn.microsoft.com/library/system.net.http.httpresponsemessage(v=vs.110).aspx)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be a [!WARNING]

@nmetulev
Copy link
Contributor

Make sure to fix conflicts.

Ping @skendrot and @WilliamABradley to update their reviews

@nmetulev nmetulev dismissed stale reviews from WilliamABradley and skendrot April 26, 2018 20:40

old review

@michael-hawker michael-hawker merged commit ab6a0bb into CommunityToolkit:master Apr 26, 2018
@windowstoolkitbot
Copy link

This PR is linked to unclosed issues. Please check if one of these issues should be closed: #1226, #1569, #1882

@Vijay-Nirmal Vijay-Nirmal deleted the DocsUpdate branch April 27, 2018 02:03
@nmetulev nmetulev mentioned this pull request Apr 27, 2018
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants