Uncategorized

mohamed adil blog
wildcard * in CSS for classes
There is often times we will be struck with the predefined classes that get preloaded with the angular, react or any framework that we use. So when you need write a styling for all the element you cannot do it...
continue reading
Are You a fan of bootstrap 4 utilities.
Bootstrap 4 has alot of utility/helper classes to quickly style elements without using any CSS code. The bootstrap 4 along with the new flex technology, it also comes with a lot of utilities with the responsiveness which is something a...
continue reading
ASP.net Master page for sharepoint
Sharepoint allows us to use asp.net code on Master page on sharepoint. Usually, We would create an HTML version of the master page and once we uploaded it, the SharePoint site will create a (.master ) version of the master page there is an...
continue reading
Create New Site collection and subsite Share point
GO to your site in office 365 page  click on share point on the side menu Then Click on the create site button on the top of the page Now You will have to enter the site name and site...
continue reading
Fixing text overflow on people picker
This is usually an issue faced by everyone while adding dynamic content on a text box . This is most commonly seen in  people picker . This can be Fixed by adding the Following Styles  on the page. white-space: nowrap;...
continue reading
Bootstrap responsive float div
Bootstrap now has a responsive floating  design. You can control the floating position depending upon the size of the the mobile. The Following are the list of css classes predefined in the bootstrap 4 .float-left .float-right .float-none .float-sm-left .float-sm-right .float-sm-none...
continue reading
How to use image on tag
The header tag, or the <h1> tag in HTML, will usually be the title of a post, or other emphasized text on the page.  It will usually be the largest text that stands out.  There are other header tags in HTML too,...
continue reading
Flex-box bootstrap 4
It is no doubt that the new bootstrap 4 has turned a lots of head towards it among the all the other shiny additions it comes with the most anticipated thing is introducing the flex box  Concept in the grid...
continue reading
Better Way to design Web form
Best way for designing web form   Forms should be one column Top align labels Group labels with their inputs Avoid all caps Show all selection options if under 6 Resist using placeholder text as labels Place checkboxes (and radios) underneath each other for scannability Make...
continue reading
mohamed adil graphic design
Firefox Drop down looking differently
If you are a web developer you must be familiar with the bootstrap although it was a excellent framework it come with a number of problems one of them is the dropdown problem in Firefox browser. Firefox is a browser...
continue reading