[CLOSED] Seeing Border Around the ComboBox and TextField control in Razor

  1. #1

    [CLOSED] Seeing Border Around the ComboBox and TextField control in Razor

    This is very wired, but I see a border ( a thin lines across controls when rendered via rezor but not in aspx view. Screen shot attached. Not sure why but can't get the border out.

    Index.cshtml
     
     
     
     @(Html.X().Panel()
           .AutoDoLayout(true)
           .BodyBorder(0)
           .Border(false)
           .Layout("Table")
           .Items(i => i.Add(
               (Html.X().Button()
                   .Text("Delete")
               )))
           .Items(i => i.Add(
               (Html.X().ComboBox()
                   .Border(false)
                   .Editable(false)
                   .QueryMode(DataLoadMode.Local)
                   .TriggerAction(TriggerAction.All)
                   .SelectOnFocus(true)
                   .EmptyText("Loading.....")
                   .DisplayField("COLUMN_NAME")
                   .ValueField("DATA_TYPE")
                   .PageSize(10)
                   .TypeAhead(true)
                   .Store(
                       (Html.X().Store()
                       .PageSize(10)
                       .AutoLoad(true)
                       .RemotePaging(false)
                       .AutoDataBind(true)
                           .Proxy(
                               (Html.X().AjaxProxy()
                                   .Url(Url.Action("BuildStoreColumnList"))
                               )
                                   .ActionMethods(a => a.Read = HttpMethod.GET)
                                   .Reader(
                                       (Html.X().JsonReader()
                                           .Root("data")
                                       )
                                   ))
                       )
                           .Model(m =>
                                  m.Add((Html.X().Model()
                                            .Fields(f =>
                                                        {
                                                            f.Add((Html.X().ModelField()
                                                                      .Name("COLUMN_NAME")
                                                                      .Type(ModelFieldType.String)
                                                                  ));
                                                            f.Add((Html.X().ModelField()
                                                                      .Name("DATA_TYPE")
                                                                      .Type(ModelFieldType.String)
                                                                  ));
                                                        }
                                            )
                                        )
                                      )
                           )
                           
                   )
                   .Tpl(
                   (Html.X().XTemplate()
                        .Html(@"  <Html>
                            <tpl for=""."">
                                <tpl if=""[xindex] == 1"">
                                    <table class=""cbStates-list"" width=""100%"">
                                        <tr>
                                            <th>COLUMN_NAME</th>
                                            <th>DATA_TYPE</th>
                                        </tr>
                                </tpl>
                                <tr class=""x-boundlist-item"">
                                    <td>{COLUMN_NAME}</td>
                                    <td>{DATA_TYPE}</td>
                                </tr>
                                <tpl if=""[xcount-xindex]==0"">
                                    </table>
                                </tpl>
                            </tpl>
                        </Html>")
                   
                   
                   )
                   )
               )
                 ))
                 .Items(i => i.Add(
                    (Html.X().ComboBox()
                        .Border(false)
                        .Editable(false)
                        .QueryMode(DataLoadMode.Local)
                        .TriggerAction(TriggerAction.All)
                        .SelectOnFocus(true)
                        .EmptyText("Loading.....")
                             .DisplayField("OperatorId")
                             .ValueField("OperatorValue")
                        .PageSize(10)
                        .TypeAhead(true)
                        .Store(
                            (Html.X().Store()
                            .PageSize(10)
                            .AutoLoad(true)
                            .RemotePaging(false)
                            .AutoDataBind(true)
                                .Proxy(
                                    (Html.X().AjaxProxy()
                                             .Url(Url.Action("GetOperators"))
                                    )
                                        .ActionMethods(a => a.Read = HttpMethod.GET)
                                        .Reader(
                                            (Html.X().JsonReader()
                                                .Root("data")
                                            )
                                        ))
                            )
                                .Model(m =>
                                       m.Add((Html.X().Model()
                                                 .Fields(f =>
                                                 {
                                                     f.Add((Html.X().ModelField()
                                                               .Name("OperatorId")
                                                               .Type(ModelFieldType.String)
                                                           ));
                                                     f.Add((Html.X().ModelField()
                                                               .Name("OperatorValue")
                                                               .Type(ModelFieldType.String)
                                                           ));
                                                 }
                                                 )
                                             )
                                           )
                                )
    
                        )
                        .Tpl(
                        (Html.X().XTemplate()
                             .Html(@"  <Html>
                            <tpl for=""."">
                                <tpl if=""[xindex] == 1"">
                                    <table class=""cbStates-list"" width=""100%"">
                                        <tr>
                                            <th>Operator Id</th>
                                            <th>Value</th>
                                        </tr>
                                </tpl>
                                <tr class=""x-boundlist-item"">
                                    <td>{OperatorId}</td>
                                    <td>{OperatorValue}</td>
                                </tr>
                                <tpl if=""[xcount-xindex]==0"">
                                    </table>
                                </tpl>
                            </tpl>
                        </Html>")
    
    
                        )
                        )
                    )
                      ))
           .Items(i => i.Add(
               (Html.X().TextField()
                   .Border(false)
                   .Width(150)
                   // .ID(Guid.NewGuid().ToString())
                   .SelectOnFocus(true)
                   .EmptyText("Loading.....")
               )))
    
    
           )
    Attached Thumbnails Click image for larger version. 

Name:	screenshot1.png 
Views:	69 
Size:	13.4 KB 
ID:	4968  
    Last edited by Daniil; Oct 26, 2012 at 5:53 PM. Reason: Corrected the title, [CLOSED]
  2. #2
    Just you use custom css rules which break Ext.Net UI
    Please check attached stylesheets

Similar Threads

  1. problem with border ext control in asp content
    By mr_al_one in forum 2.x Help
    Replies: 2
    Last Post: Sep 27, 2012, 2:05 PM
  2. [CLOSED] [Razor] HyperLink Text in Razor
    By UnifyEducation in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 20, 2012, 12:16 PM
  3. [CLOSED] [Razor] Setup Auto load panel in razor
    By UnifyEducation in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 27, 2012, 10:54 AM
  4. Replies: 6
    Last Post: Apr 09, 2012, 3:33 PM
  5. Replies: 3
    Last Post: Nov 06, 2009, 10:46 AM

Posting Permissions