[CLOSED] Split bar questions

  1. #1

    [CLOSED] Split bar questions

    Hi,

    In v1.7, the Split bar used to have an actual background color inherited from its container. Also, when dragged, the cursor would remain of the row-resize style. Both features seem to be gone in v3.x. Is it the new normal?

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {}
        }
    </script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Ext.Net 3.x</title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server">
            </ext:ResourceManager>
            <ext:Viewport runat="server" Layout="BorderLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1" Region="North" Split="true" Collapsible="true" CollapseMode="Mini" Height="200">
                        <Items>
                            <ext:ComboBox ID="ComboBox1" runat="server" DisplayField="CountryName" ValueField="CountryID"
                                TypeAhead="true" Editable="true" MinChars="2" SelectOnFocus="true" EmptyText="Select Country..."
                                FieldLabel="Select Country" QueryMode="Local">
                                <Store>
                                    <ext:Store ID="Store2" runat="server">
                                        <Model>
                                            <ext:Model ID="Model2" runat="server" IDProperty="CountryID">
                                                <Fields>
                                                    <ext:ModelField Name="CountryName" />
                                                    <ext:ModelField Name="CountryID" />
                                                </Fields>
                                            </ext:Model>
                                        </Model>
                                    </ext:Store>
                                </Store>
                            </ext:ComboBox>
                            <ext:TextField runat="server" FieldLabel="Description">
                            </ext:TextField>
                            <ext:CheckboxGroup ID="CheckboxGroup1" runat="server" Width="300" FieldLabel="Some Options">
                                <Items>
                                    <ext:Checkbox runat="server" BoxLabel="Option 1" InputValue="1" Checked="true">
                                    </ext:Checkbox>
                                    <ext:Checkbox runat="server" BoxLabel="Option 2" InputValue="2">
                                    </ext:Checkbox>
                                </Items>
                            </ext:CheckboxGroup>
                        </Items>
                        <BottomBar>
                            <ext:Toolbar runat="server">
                                <Items>
                                    <ext:Button runat="server" Text="Reset Form" Icon="Cancel">
                                        <Listeners>
                                            <Click Handler="App.FormPanel1.reset();">
                                            </Click>
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                        </BottomBar>
                    </ext:FormPanel>
                    <ext:TabPanel ID="TabPanelSubject" runat="server" Border="true"
                        Region="Center">
                        <Items>
                            <ext:Panel runat="server" Title="Tab 1"></ext:Panel>
                            <ext:Panel runat="server" Title="Tab 2"></ext:Panel>
                        </Items>
                    </ext:TabPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Sep 15, 2015 at 6:50 PM. Reason: [CLOSED]
  2. #2
    Hi Vadym,

    In v1.7, the Split bar used to have an actual background color inherited from its container.
    It is probably one of small changes between v1 and v3 due to big changes between them. It is difficult to say how much intentional it was, but I tend to think it is rather intentional.

    To change a splitter's background-color, please use:
    .x-theme-blue .x-splitter {
        background-color: #d3e1f1;  
    }
    and rules for other themes if needed.

    Also, when dragged, the cursor would remain of the row-resize style.
    It looks to be a defect which, meanwhile, I cannot find a solution for. I see a respective cursor rule in CSS, it is shown as applied, but for some reason it doesn't appear. I think it is better to separate this topic into a new forum thread. Could you, please, start?
  3. #3
    Thanks, Daniil. I tend to leave the splitter bar transparent because it's got more CSS rules to worry about that apply on other events. Like on drag, for example. I will open a new thread for the splitter cursor style. You can close this one down.

Similar Threads

  1. [CLOSED] Split Button
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 28, 2014, 6:24 PM
  2. [CLOSED] RowExpander Split
    By alanflores in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Aug 07, 2013, 12:16 AM
  3. [CLOSED] Split GridView
    By majunior in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: May 10, 2011, 4:27 PM
  4. [CLOSED] [1.0] Couple MVC questions and property questions
    By alliedwallet.com in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 28, 2010, 11:01 AM
  5. [CLOSED] [1.0] BorderLayout Split
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 04, 2010, 8:08 AM

Tags for this Thread

Posting Permissions