The simplest way to show alert while deleting your record using anchor tag is
<a href="/userProfile/{{$userinfo->id}}/del" onclick="return confirm('Are you sure?')" class="user-delete"><i class="fa fa-trash" aria-hidden="true"></i> Delete</a>
The simplest way to show alert while deleting your record using anchor tag is
<a href="/userProfile/{{$userinfo->id}}/del" onclick="return confirm('Are you sure?')" class="user-delete"><i class="fa fa-trash" aria-hidden="true"></i> Delete</a>
I have a select input and i want to put small image icon at the right of it with some padding on it. For this the easy solution is
My input
<select placeholder="Filter By" class="searchuser userddl"> <option>Filter By</option> <option>Recently Updated</option> <option>Recently Deleted</option> </select>
And the css to give background image along with some padding is:
select.searchuser.userddl { background: #000 url('/images/down-arrow.png'); background-position: right 7px top 6px; background-repeat: no-repeat; }
And the output appears as
The code below helps your site to fit in different screen sizes. we can find various media queries when we google it, among all those codes i feel these to be the most appropriate and easy to use.
//for larger screen ie large desktops @media only screen and (min-width: 1200px) and (max-width: 1440px) { } //for medium screen 15inch laptops @media only screen and ( min-width: 992px) and (max-width: 1024px) { } //for small size laptops ie 13inch laptops @media only screen and ( max-width: 960px ) { } //for ipad and tablets @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { } //for mobiles either horizontal orientation or large size mobiles @media only screen and ( max-width: 767px ) { } //for mobiles or vertical orientation @media only screen and ( max-width: 479px ) { }
Here is the code to change the color of placeholder for you inputs
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink; } ::-moz-placeholder { /* Firefox 19+ */ color: pink; } :-ms-input-placeholder { /* IE 10+ */ color: pink; } :-moz-placeholder { /* Firefox 18- */ color: pink; }