2017-04-13 81 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 –

相關問題