This is a migrated thread and some comments may be shown as answers.

Sample code isn't supported by browsers.

1 Answer 85 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
bri norq
Top achievements
Rank 1
bri norq asked on 12 Dec 2011, 04:58 PM
Are there examples that are incremental in complexity or only require minimal CSS to work?

Thanks,

Brian

The Basic Usage example for autocomplete has attributes that are not supported by any of the standard browsers.
( http://www.w3schools.com/html5/att_style_scoped.asp )

        <style scoped="scoped">
                .info {
                    display: block;
                    line-height: 22px;
                    padding: 0 5px 5px 0;
					color: #36558e;
                }
				
				#shipping {
					width: 482px;
					height: 152px;
					padding: 110px 0 0 30px;
					background: url('../content/autocomplete/shipping.png') transparent no-repeat 0 0;
					margin: 30px auto;
 				}

                .k-autocomplete
                {
                    width: 250px;
					vertical-align: middle;
                }

                .hint {
                    line-height: 22px;
                    color: #aaa;
                    font-style: italic;
					font-size: .9em;
					color: #7496d4;
                }
            </style>

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 13 Dec 2011, 10:18 AM
Hello Bri,

We are adding the scoped attribute mainly to pass HTML5 validation. Since our demos use Ajax navigation, some example specific CSS has to go into the body instead of the head which is not validating unless scoped. You don't need to use this attribute in your application if you load the CSS in the head tag. The example specific CSS is also not needed for the demo to work, it is there for additional styling like backgrounds and stuff.

Best wishes,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
AutoComplete
Asked by
bri norq
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or