Skip to content

Commit

Permalink
docs: Add additional fixes for Hot Design and Hot Reload documentation
Browse files Browse the repository at this point in the history
(cherry picked from commit 93c7790)
  • Loading branch information
agneszitte authored and mergify[bot] committed Jan 17, 2025
1 parent fe901cd commit 9f32dcc
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 7 deletions.
3 changes: 3 additions & 0 deletions doc/articles/features/working-with-xaml-hot-reload.md
Original file line number Diff line number Diff line change
Expand Up @@ -297,6 +297,9 @@ Mobile targets are currently using a limited version of XAML Hot Reload and do n

## Hot Reload Indicator

> [!NOTE]
> The Hot Reload indicator is currently not supported for the WinAppSDK target
Hot Reload displays a visual indicator to help you further monitor changes while developing. It displays new information every time Hot Reload is triggered. The indicator is enabled by default within the `UseStudio()` method which is located in the root `App.xaml.cs` file. This displays an overlay that hosts the visual indicator. If you wish to disable it, you simply have to provide the following boolean: `UseStudio(showHotReloadIndicator: false)`, removing the overlay from the view.

<p align="center">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,14 @@ This tutorial will guide you through using Hot Design to create a simple counter
> [!NOTE]
> This tutorial is based on the [XAML + MVUX variant](xref:Uno.Workshop.Counter.XAML.MVUX) of the Counter app tutorial. It demonstrates how to create a simple cross-platform app using Uno Platform. If you prefer to use MVVM you can still complete this **Hot Design** tutorial by switching the MVUX code, with the MVVM code from the [XAML + MVVM variant](xref:Uno.Workshop.Counter.XAML.MVVM). Explore other tutorial variants [here](xref:Uno.Workshop.Counter).
>
> Additionally, as a general note, Hot Design can be used without selecting a specific architectural pattern, such as MVVM or MVUX, making it a versatile tool for various projects. For this particular tutorial, however, we will focus on using MVUX as an example.
>
> [!IMPORTANT]
> **Hot Design™** is currently in beta. Sign up to the [wait list](https://platform.uno/waitlist/) to get early access and be the first to try it out!
>
> [!IMPORTANT]
> Currently, **Hot Design** is not supported with C# Markup at this time and is only available with XAML.
>
> [!IMPORTANT]
> At the current stage of the **Hot Design™** beta, **only the Desktop platform is supported**. Other platforms are undergoing stabilization for Hot Design support and will be available in future updates.
>
Expand Down
16 changes: 11 additions & 5 deletions doc/articles/studio/Hot Design/hot-design-getstarted-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,17 @@ Use this guide to set up Hot Design and start creating and refining user interfa

## Set Up Your Environment for Hot Design

> [!IMPORTANT]
> **Hot Design™** is currently in beta. Sign up to the [wait list](https://platform.uno/waitlist/) to get early access and be the first to try it out!
>
> [!IMPORTANT]
> Currently, **Hot Design** is not supported with C# Markup at this time and is only available with XAML.
>
> [!IMPORTANT]
> At the current stage of the **Hot Design™** beta, **only the Desktop platform is supported**. Other platforms are undergoing stabilization for Hot Design support and will be available in future updates.
>
> For now, you can use the **Desktop** platform to create your UI with the runtime visual designer. Once you’re satisfied with your design, you can test the app on other platforms by launching it as you would normally.
>
> [!IMPORTANT]
> If you're new to developing with Uno Platform, make sure to set up your environment by [following our getting started guide](xref:Uno.GetStarted).
Expand All @@ -25,11 +36,6 @@ Once you're using the **latest stable 5.5 Uno.Sdk version or higher**, and provi
<img src="Assets/enter-hot-design-mode.png" alt="Hot Design flame icon to enter in design mode" />
</p>

> [!IMPORTANT]
> At the current stage of the **Hot Design™** beta, **only the Desktop platform is supported**. Other platforms are undergoing stabilization for Hot Design support and will be available in future updates.
>
> For now, you can use the **Desktop** platform to create your UI with the runtime visual designer. Once you’re satisfied with your design, you can test the app on other platforms by launching it as you would normally.
## Hot Design Core Tool Windows

Once in Hot Design, your running app becomes an interactive canvas.
Expand Down
12 changes: 10 additions & 2 deletions doc/articles/studio/Hot Design/hot-design-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,14 @@ uid: Uno.HotDesign.Overview

> [!IMPORTANT]
> **Hot Design™** is currently in beta. Sign up to the [wait list](https://platform.uno/waitlist/) to get early access and be the first to try it out!
>
> [!IMPORTANT]
> Currently, **Hot Design** is not supported with C# Markup at this time and is only available with XAML.
>
> [!IMPORTANT]
> At the current stage of the **Hot Design™** beta, **only the Desktop platform is supported**. Other platforms are undergoing stabilization for Hot Design support and will be available in future updates.
>
> For now, you can use the **Desktop** platform to create your UI with the runtime visual designer. Once you’re satisfied with your design, you can test the app on other platforms by launching it as you would normally.
Welcome to **Hot Design**, a next-generation runtime visual designer for cross-platform .NET applications!

Expand Down Expand Up @@ -49,8 +57,8 @@ By simplifying UI development and accelerating your workflow, **Hot Design** hel

## Next Steps

- **[Get Started Guide](xref:Uno.HotDesign.GetStarted.Guide)**
- **[Get Started Guide](xref:Uno.HotDesign.GetStarted.Guide)**
Getting started with setting up **Hot Design** and exploring the key areas and features of the visual designer it offers.

- **[Counter App Tutorial](xref:Uno.HotDesign.GetStarted.CounterTutorial)**
- **[Counter App Tutorial](xref:Uno.HotDesign.GetStarted.CounterTutorial)**
A hands-on walkthrough for building the [Counter App](xref:Uno.Workshop.Counter) using **Hot Design**, showcasing its features and workflow in action.

0 comments on commit 9f32dcc

Please sign in to comment.