2017-04-13 78 views
0

这是当我从C#WPF应用程序打开它如何出现在Auth0登录屏幕: Auth0 login window如何在C#WPF应用程序中调整Auth0登录窗口的大小?

顶部部分不能被看到。没有滚动条,窗口不能调整大小。只有全屏选项允许用户查看整个登录表单。

下面是我使用打开它的代码:

try 
{ 
    var auth0 = new Auth0Client(
     Properties.Settings.Default.auth0Domain, 
     Properties.Settings.Default.auth0ClientID); 
    var handle = new WindowInteropHelper(this).Handle; 
    var windowWrapper = new WindowWrapper(handle); 

    var user = await auth0.LoginAsync(owner: windowWrapper, 
     withRefreshToken: true, device: "DeviceName"); 
} 
catch (Exception e) 
{ 
    Utilities.AppendLog("User login exception: " + e.Message); 
} 

我想调整窗口大小,以便用户可以看到整个登录表单。我需要做什么?

+0

感谢您的快速回复,科林。不幸的是,我对Windows窗体不熟悉,不知道该怎么做。你有什么机会可以提供一些示例代码? – polyrhythms

回答

0

误解。

整个登录屏幕由Auth0Client完成。您传入的窗口句柄只是弹出的登录窗口的父窗口。

这里的源代码Auth0Client

考虑看看他们的登录画面......这是一个Windows窗体“形式”,这似乎是一个固定大小的。在这一“区域”他们用的是WebBrowser控制......然后是使用Auth0“域”的URL来在实际的日志记录。

enter image description here

下面是它使用的时候看起来像我他们的示例应用程序进行登录 - 它看起来与您的布局有所不同。

enter image description here

你有没有改变你Auth0设置帐户表现出不同的方式登录选项(即与标签?) - 我还没有与Auth0熟悉,知道哪里该选项。也许这是你正在使用的“扩展”之一?

它,使用图标+名称样式列表中的“网页”设计一个登录可能......不能得到适当的布局时,也有一些“连接”类型的....和有限的“高度“在”浏览器“中。

你可以做什么或者是:

  • “调整”是BrowserAuthenticationForm所以它有一个更大的纵向尺寸,因此有足够的空间,以适应登录类型的列表为

  • 如果这样的选项,但坚持到列表“图标唯一”的风格,而不是“图标+名”

另外,还要确保你使用的是最新版本的Auth0的....不过我倒是觉得你可能已经......它可能不会对演示文稿中的差异。

最后,这里是什么样子,如果你只使用一个浏览器(例如Chrome),并将其尺寸设置为使“客户”区域高度约为565像素......这与BrowserAuthenticationForm中的WebBrowser控制高度相同 - 注意“标题”被裁剪(注意,我只有4个登录提供程序选项...相比,你的5)。

enter image description here

而如果你的浏览器中的高一点......然后,你可以看到这一切。

enter image description here

不幸的是,他们已经设计了弹出HTML形式不受限高度的情况下的工作方式,如果“登录屏幕”的部分被修剪更重要的是“滚动”没有效果。

WebBrowser已启用“滚动条”...以便不停止任何滚动)。

你提到你的一个团队修改了登录屏幕,我相信这是在Auth0管理站点的“托管页面”部分定义的....也许你可以稍微调整一下。

enter image description here

+0

感谢您的彻底调查,科林!要回答您的问题,我的团队中的其他人员会自定义登录屏幕,以便显示带有标签的社交登录选项。我不确定他们是如何做到的。是的,BrowserAuthenticationForm中的硬编码大小是问题所在。我希望有一个我可以传入LoginAsync()的大小参数。过去我没有尝试过构建和修改开源项目,但我可能不得不再次尝试。 – polyrhythms

+0

Auth0管理网站中有一个特殊的部分,可以让你自定义登录页面 - 它似乎可以让你为它定义HTML ...虽然我不知道它给你带来多大的灵活性。登录后,您可以在以下URL中找到它:https://manage.auth0.com/#/login_page –

相关问题