css - Telerik UI 侧边抽屉 : how to remove gray bar from drawer-content

标签 css telerik nativescript angular2-nativescript nativescript-telerik-ui

如何去除抽屉内容中的这个灰色条?

我的模板是:

<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>

gray bar on the left side

最佳答案

嗯,这不是很清楚,但经过一些实验后,我找到了一个解决方案 - 将 margin="0" 添加到 tkDrawerContent。像这样:

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

关于css - Telerik UI 侧边抽屉 : how to remove gray bar from drawer-content,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40864452/

相关文章:

php - 这个网站在转到另一个页面时如何不加载?

html - 列表填充问题

css - Bootstrap 上同一容器和行中具有两个不同全 Angular 背景的两列

c# - 无法在 IE(9 和 10)中使用 radeditor 控件插入表格

Android 上的 NativeScript Angular Basic 应用程序大小 > 160 MB

android - 您使用 NativeScript 的体验如何?

HTML 电子邮件 : remove border between <td> buttons in Outlook 2007

c# - System.IO 异常 "The process cannot access the file because it is being used by another process."

android - 如何在 NativeScript 中更改应用程序名称

telerik - 更改 Telerik MVC Grid Control 的高度