Skip to content

[WPF] Render inline action in regular text input renderer #3257

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
almedina-ms merged 2 commits into from
Aug 9, 2019
Merged

[WPF] Render inline action in regular text input renderer #3257

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ca13855
Move inline action rendering to its own function
almedina-ms Jul 25, 2019
5d49773
Merge branch 'master' into user/almedina-ms/WPFInlineActions
almedina-ms Aug 9, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 1 addition & 84 deletions source/dotnet/Library/AdaptiveCards.Rendering.Wpf.Xceed/XceedTextInput.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,90 +39,7 @@ public static FrameworkElement Render(AdaptiveTextInput input, AdaptiveRenderCon
{
if (context.Config.SupportsInteractivity && context.ActionHandlers.IsSupported(input.InlineAction.GetType()))
{
// Set up a parent view that holds textbox, separator and button
var parentView = new Grid();

// grid config for textbox
parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Star) });
Grid.SetColumn(textBox, 0);
parentView.Children.Add(textBox);

// grid config for spacing
int spacing = context.Config.GetSpacing(AdaptiveSpacing.Default);
var uiSep = new Grid
{
Style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Separator"),
VerticalAlignment = VerticalAlignment.Stretch,
Width = spacing,
};
parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(spacing, GridUnitType.Pixel) });
Grid.SetColumn(uiSep, 1);

// adding button
var uiButton = new Button();
Style style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Button");
if(style != null)
{
uiButton.Style = style;
}

// this textblock becomes tooltip if icon url exists else becomes the tile for the button
var uiTitle = new TextBlock
{
Text = input.InlineAction.Title,
};

if (input.InlineAction.IconUrl != null)
{
var actionsConfig = context.Config.Actions;

var image = new AdaptiveImage(input.InlineAction.IconUrl)
{
HorizontalAlignment = AdaptiveHorizontalAlignment.Center,
Type = "Adaptive.Input.Text.InlineAction.Image",
};

FrameworkElement uiIcon = null;
uiIcon = AdaptiveImageRenderer.Render(image, context);
uiButton.Content = uiIcon;

// adjust height
textBox.Loaded += (sender, e) =>
{
uiIcon.Height = textBox.ActualHeight;
};

uiButton.ToolTip = uiTitle;
}
else
{
uiTitle.FontSize = context.Config.GetFontSize(AdaptiveFontType.Default, AdaptiveTextSize.Default);
uiTitle.Style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Title");
uiButton.Content = uiTitle;
}

uiButton.Click += (sender, e) =>
{
context.InvokeAction(uiButton, new AdaptiveActionEventArgs(input.InlineAction));

// Prevent nested events from triggering
e.Handled = true;
};

parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = GridLength.Auto });
Grid.SetColumn(uiButton, 2);
parentView.Children.Add(uiButton);
uiButton.VerticalAlignment = VerticalAlignment.Bottom;

textBox.KeyDown += (sender, e) =>
{
if (e.Key == System.Windows.Input.Key.Enter)
{
context.InvokeAction(uiButton, new AdaptiveActionEventArgs(input.InlineAction));
e.Handled = true;
}
};
return parentView;
return AdaptiveTextInputRenderer.RenderInlineAction(input, context, textBox);
}
}
}
Expand Down
106 changes: 106 additions & 0 deletions source/dotnet/Library/AdaptiveCards.Rendering.Wpf/AdaptiveTextInputRenderer.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,113 @@ public static FrameworkElement Render(AdaptiveTextInput input, AdaptiveRenderCon
textBox.Style = context.GetStyle($"Adaptive.Input.Text.{input.Style}");
textBox.SetContext(input);
context.InputBindings.Add(input.Id, () => textBox.Text);


if (input.InlineAction != null)
{
if (context.Config.Actions.ShowCard.ActionMode == ShowCardActionMode.Inline &&
input.InlineAction.GetType() == typeof(AdaptiveShowCardAction))
{
context.Warnings.Add(new AdaptiveWarning(-1, "Inline ShowCard not supported for InlineAction"));
}
else
{
if (context.Config.SupportsInteractivity && context.ActionHandlers.IsSupported(input.InlineAction.GetType()))
{
return RenderInlineAction(input, context, textBox);
}
}
}

return textBox;
}

public static FrameworkElement RenderInlineAction(AdaptiveTextInput input, AdaptiveRenderContext context, FrameworkElement textBox)
{
// Set up a parent view that holds textbox, separator and button
var parentView = new Grid();

// grid config for textbox
parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Star) });
Grid.SetColumn(textBox, 0);
parentView.Children.Add(textBox);

// grid config for spacing
int spacing = context.Config.GetSpacing(AdaptiveSpacing.Default);
var uiSep = new Grid
{
Style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Separator"),
VerticalAlignment = VerticalAlignment.Stretch,
Width = spacing,
};
parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(spacing, GridUnitType.Pixel) });
Grid.SetColumn(uiSep, 1);

// adding button
var uiButton = new Button();
Style style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Button");
if (style != null)
{
uiButton.Style = style;
}

// this textblock becomes tooltip if icon url exists else becomes the tile for the button
var uiTitle = new TextBlock
{
Text = input.InlineAction.Title,
};

if (input.InlineAction.IconUrl != null)
{
var actionsConfig = context.Config.Actions;

var image = new AdaptiveImage(input.InlineAction.IconUrl)
{
HorizontalAlignment = AdaptiveHorizontalAlignment.Center,
Type = "Adaptive.Input.Text.InlineAction.Image",
};

FrameworkElement uiIcon = null;
uiIcon = AdaptiveImageRenderer.Render(image, context);
uiButton.Content = uiIcon;

// adjust height
textBox.Loaded += (sender, e) =>
{
uiIcon.Height = textBox.ActualHeight;
};

uiButton.ToolTip = uiTitle;
}
else
{
uiTitle.FontSize = context.Config.GetFontSize(AdaptiveFontType.Default, AdaptiveTextSize.Default);
uiTitle.Style = context.GetStyle($"Adaptive.Input.Text.InlineAction.Title");
uiButton.Content = uiTitle;
}

uiButton.Click += (sender, e) =>
{
context.InvokeAction(uiButton, new AdaptiveActionEventArgs(input.InlineAction));

// Prevent nested events from triggering
e.Handled = true;
};

parentView.ColumnDefinitions.Add(new ColumnDefinition() { Width = GridLength.Auto });
Grid.SetColumn(uiButton, 2);
parentView.Children.Add(uiButton);
uiButton.VerticalAlignment = VerticalAlignment.Bottom;

textBox.KeyDown += (sender, e) =>
{
if (e.Key == System.Windows.Input.Key.Enter)
{
context.InvokeAction(uiButton, new AdaptiveActionEventArgs(input.InlineAction));
e.Handled = true;
}
};
return parentView;
}
}
}