Telerik UI Sidedrawer：引き出しコンテンツからグレーのバーを削除するには

Question

引き出しコンテンツでこのグレーバーを削除するにはどうすればよいですか？

私のテンプレートは次のとおりです。

<StackLayout horizzontalAlign="left" tkDrawerContent class="sideStackLayout" height="100%"> 
    <Label [text]="'Hello world'" textWrap="true" class="drawerContentText"></Label> 
</StackLayout> 
<ScrollView tkMainContent> 
    <StackLayout #container > 
     <Image src="res://logo" stretch="none" horizontalAlignment="center"></Image> 
     <TextField #email keyboardType="email" [(ngModel)]="user.login" 
        autocorrect="false" autocapitalizationType="none"></TextField> 
     <TextField #password secure="true" [(ngModel)]="user.password"></TextField> 

     <Button [text]="'Sign-in'" class="submit-button" ></Button> 
     <Button [text]="'Demo'" class="demo-button" ></Button> 
     <Button text="OPEN DRAWER" (tap)=openDrawer()></Button> 
    </StackLayout> 
</ScrollView> 

Answer 1

アンドロイドのステータスバーの

と私は、次の例で書いたことを除去するために：これはあなたのステータスバーで

を戦闘、時計のアイコンであなたの画面の上を参照してください。

を隠す：

let frame = require("ui/frame");     
frame.topmost().android.activity.getWindow(). 
getDecorView().setSystemUiVisibility(android.view.View.SYSTEM_UI_FLAG_FULLSCREEN); 

表示：

frame.topmost().android.activity.getWindow(). 
getDecorView().setSystemUiVisibility(android.view.View.SYSTEM_UI_FLAG_VISIBLE); 

Answer 2

まあそれは非常に明確ではなかったが、いくつかの実験の後、私は解決策見つけた - tkDrawerContentにmargin="0"を追加するために。このように：

<StackLayout horizzontalAlign="left" tkDrawerContent class="sideStackLayout" height="100%" margin="0"> 

Answer 3

コードから、あなたが<RadSideDrawer> HTMLタグ内追加コンテンツを追加しているように見える提供したスニペット。

StackLayoutとScrollView（tkMainContent）の2つの要素があります。 RadSideDrawerには、HTMLタグの間に2つのコンテンツ（tkDrawerContentでタグ付けされた要素とtkMainContentでタグ付けされた要素）のみが必要です。次のように、最初のStackLayoutをこれらの要素のいずれかに移動するだけです。

<RadSideDrawer> 
    <StackLayout tkDrawerContent class="sideStackLayout"> 
     <StackLayout class="sideTitleStackLayout"> 
      <Label text="Navigation Menu"></Label> 
     </StackLayout> 
     <StackLayout class="sideStackLayout"> 
      <Label text="Primary" class="sideLabel sideLightGrayLabel"></Label> 
      <Label text="Social" class="sideLabel"></Label> 
      <Label text="Promotions" class="sideLabel"></Label> 
      <Label text="Labels" class="sideLabel sideLightGrayLabel"></Label> 
      <Label text="Important" class="sideLabel"></Label> 
      <Label text="Starred" class="sideLabel"></Label> 
      <Label text="Sent Mail" class="sideLabel"></Label> 
      <Label text="Drafts" class="sideLabel"></Label> 
     </StackLayout> 
    </StackLayout> 
    <StackLayout tkMainContent> 
     <Label [text]="mainContentText" textWrap="true" class="drawerContentText"></Label> 
     <Button text="OPEN DRAWER" (tap)=openDrawer()></Button> 
    </StackLayout> 
</RadSideDrawer>