DevExpress の ASPxGridView のポップアップモーダル背景色設定

DevExpress　のポップアップモーダル背景色設定のサンプルです。
「ASPxGridView」を使用します。

ポップアップモーダル背景色ですがデフォルトではグレー色です。

現状の画面デザインはこのようになっています。

「ASPxGridView」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜ポップアップモーダル背景色設定＞

「BackColor=”White”」に変更します。
※背景色をホワイト色に設定

↓

【生成PG】

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine">
    <Columns>
        <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
            ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">
        </dx:GridViewCommandColumn>
        <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1">
            <EditFormSettings Visible="False" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">
            <Settings AutoFilterCondition="Contains" HeaderFilterMode="CheckedList" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">
        </dx:GridViewDataTextColumn>
    </Columns>
    <SettingsBehavior AutoFilterRowInputDelay="15000" ConfirmDelete="True" />
    <SettingsPager Position="TopAndBottom">
        <AllButton Visible="True">
        </AllButton>
        <FirstPageButton Visible="True">
        </FirstPageButton>
        <LastPageButton Visible="True">
        </LastPageButton>
        <Summary Position="Right" />
        <PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50" 
            Visible="True">
        </PageSizeItemSettings>
    </SettingsPager>
    <SettingsEditing Mode="PopupEditForm">
    </SettingsEditing>
    <Settings ShowGroupedColumns="True" ShowGroupPanel="True" 
        ShowFilterRow="True" ShowHeaderFilterButton="True" />
    <SettingsText ConfirmDelete="対象データを削除しますが宜しいですか？" />
    <SettingsPopup>
        <EditForm HorizontalAlign="WindowCenter" Modal="True" />
    </SettingsPopup>
    <StylesPopup>
        <EditForm>
            <ModalBackground BackColor="White">
            </ModalBackground>
        </EditForm>
    </StylesPopup>
</dx:ASPxGridView>

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"

DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine">

<dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0"

ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">

</dx:GridViewCommandColumn>

<dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">

</dx:GridViewDataTextColumn>

</Columns>

</AllButton>

</FirstPageButton>

</LastPageButton>

<PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50"

Visible="True">

</PageSizeItemSettings>

</SettingsPager>

</SettingsEditing>

<Settings ShowGroupedColumns="True" ShowGroupPanel="True"

ShowFilterRow="True" ShowHeaderFilterButton="True" />

</SettingsPopup>

</ModalBackground>

</EditForm>

</StylesPopup>

</dx:ASPxGridView>

【自動生成PG】

<StylesPopup>
    <EditForm>
        <ModalBackground BackColor="White">
        </ModalBackground>
    </EditForm>
</StylesPopup>

</ModalBackground>

</EditForm>

</StylesPopup>

↓

「編集」ボタンクリックで編集ポップアップがモーダル表示され背景色が白色表示されます。

【背景色（グレー）】

【背景色（ホワイト）】

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridView のポップアップモーダル背景色設定

関連記事はこちら:

最近の投稿

人気記事