Sharepoint list search with custom styling - css

I want to make a list-search for sharepoint with custom styling. Could you help me a little with that? I do not know how to start with that, so I need ideas how to handle that.
I want to make this look like:
JSBin JSBin
Questions are:
Do I need a WebPart for that? If yes, Can I do it with 2 WebParts - 1 for search form, one for Results?
If I do not need webPart, how to handle search?
If I do not need WebPart, how to represent results in a like in example?

Related

Image with multiple choice grid in google forms

Can I put an image on left side and multiple-choice grid on right side of a question.If it is possible please explain me ASAP.I tried but it's representing like up and down,But I need on a page with landscape screen.
There is no direct way to do it with the wizard tool of Google Form, fortunately, a nice way to generate the form through HTML, and when you use HTML to generate Google Form, that will make you do whatever you like: adjust the layout the way you love, you may use your own CSS, anything can be doable.
Please follow instruction on this link below:
< https://codepen.io/learningcode/post/customize-a-google-form-for-your-
website >
also, you may check the add-ons on Google Form and select the one that suites your requirements, there is a lot of tools which can help you, but I think the one I posted up is the best option to customize the way you like.

dropdown list - show image options to select

I'd be greatful if you can help.
I would like to have a drop downlist that can have a view list of images rather than text content.
many thanks
This is a poor question as you dont give much detail, however if you're working in classic-asp you can easily include jquery (client-side javascript library) and make use of the many plugins that offer this functionality, for example, one of the better ones (only in my opinion of course): http://designwithpc.com/Plugins/ddSlick#demo - note the examples - very easy to use, example:

How to create a asp dropdown having values and an icon for each values?

I need an asp dropdown list which should have normal values. It must contain an icon or link with that.. I should be able to click the value or icon/link seperatelely.. Both should be independent of each other..
Please help me out..
You cannot do this with plain html or asp.net, but this jQuery solution might be what you are looking for. However, it does not come with icon/link separate, so you might have to play with that yourself.
Good luck!
Use Devexpress dll for this. Please check following link. It will help you.
Dropdown editor
Let me know if you have any query for the same.

ASP.NET website structure / flow

ASP.NET, web form model.
Is there any sample code/site that demonstrate a couple samples for regular website patterns/ templates? Like if I want to use tab to switch between different pages, should I put the code in a single page or in different page, and treat each tab as a page.
Or if in a search page (just a single search bar and button), should I display my result panel in same page using dynamically enable the result panel, or just to another page?
I want to find a general design pattern/ template. Please advise, thanks.
I don't know if this answer will be helpful to you or not. Correct me if I am wrong.
You are specifying demonstration about web designing. It seems the functionality you want is clearly saying to choose from weather you want to use AJAX or not. I suggest why don't you use jQuery Framework for all this functionality.
I would give this a read and consider what best fits your application and your programming style, no one size fits all with paterns.
http://msdn.microsoft.com/en-us/magazine/dd252940.aspx
After you have a general idea, head over to google.com and look for the patterns that catch your eye for simple tutorials
Edit:
For the specific question about whether you should modularize your code. The answer is almost always yes. If you think there is a chance that the component will be used somewhere else then doing this a head of time can save you a lot of headache later. This practice also makes maintaining a lot easier because it gives a clear scope of what could be causing a bug. Instead of having to look threw an entire page of unrelated code for things changing state unexpectedly in the page life cycle.

Change ASP.NET UI alignments etc

I was given a website in ASP.NET and I have to change the look of it by adjusting and fixing the div tags etc. What is the easiest way I can learn how to do this efficiently? The previous user was making use of tables to set the images etc
Thanks
You need to redesign the complete website or just change some setting keeping table layout.
table is good for displaying for rows and column data.
but in any case you need to use CSS Cascading Style Sheets www.w3schools.com/css/default.asp
Its easy to work in asp.net, just create masterpage and it will help you manage your design. and give a same look to all pages.
I hope it help you.

Resources