We developed a Oracle ADF web app using
jDeveloper 11.1.2.4
The following is our menu style
Observe Add KPI, Update KPI and Delete KPI. This is a simple menu list. We need to improve Look and Feel of this menu list.How to make it stylish. Like as follows .
Please help us.
Thanks In Advance.
This is rather easy to do, but to do it you might need some understanding of CSS Stylesheets.
You should start by creating your own ADF Skin in Jdeveloper and use the excellent ADF Skin Editor for changing the look and feel of your component.
Using af|menu selectors you can style it. Here is a sample
https://coderoar.blogspot.com/2018/08/oracle-adf-menu-skinning.html
Related
I need to design a website customization interface with drag & drop features list, and would like to build it using the meteor js framework and I'm new to this. Any suggestions or recommendations?
Thanks
You can definitely do this sort of thing in Meteor. Another good starting point:
https://github.com/nleush/meteor-todos-sortable-animation
Hi I want to make a list of ng-grid, angular.js, but with the format bootstrap table , someone has gotten ? Or create a table with data from ng -grid and his functionality
Try this. You will find very good example for ng-grid.
http://angular-ui.github.io/ng-grid/
Recently ng-grid has been migrated to ui-grid and they provided better UI control & user interface,
Rather than go for own customization take a look at ui-grid own customization of header, customization of row template & customization of column menu
Note
Angular ui-grid still in beta stage, its not a stable version.
Hope this could help you. Thanks.
I am planning to use foundation 3 css framework, but has no idea where should I start.
I got the jpeg mock up from designer, which design from scatch. Does the mock up need to be designed based on the founcation's grid?
Best if you take a look at the documentation for Foundation here: http://foundation.zurb.com/docs/grid.php
It doesn't necessarily have to be designed by keeping the grid in mind. Any thing can be achieved with the grid system. This is basically way to create a responsive website and also helps in maintaining uniformity through out the page.
I also suggest the following:
1) get a template you like form the foundation 3 website and then start with that. Try to see how the html structure is and then.
2) try to change the backgrounds, colors by adding properties inside app.css (ITS BEST IF YOU DO NOT MAKE CHANGES TO foundation.css file).
3)Use tools like firebug or the inbuilt "inspect element" in browsers to find out which css property is being used and you can change it.
4)You need to explore it for atleast a couple of hours.
cheers!!
I am working on website upgrade project (UI only ). This website has more than 5000 pages and 200 css files.
Basically In this project I have to replace old css classes with new css classes but this is not straight foreward. For some changes I have to modify HTML code with css class to achieve new UI look and fill.
I have identified type of changes required to migrate old page to new page. Total type of changes required are near about 15.
I am thinking about automating these 15 type of changes. Is there any tools(like html editor with regular expression support) available which will help me to achieve this functionality.
I am also thinking about developing c# based tool which will help me in achieving above changes but before that I want to know if any such kind of tool exists which will help in achieving the same.
Also if anybody worked on such kind of project then please share any other ideas.
Thanks in advance.
I think you could accomplish this by using the find-and-replace function in your code editor.
You could also keep the existing class names and replace their properties with your new class properties. With this method, you wouldn't have to edit anything but the CSS file itself.
I use the HTML Editor from ASP.NET Ajax AjaxControlToolkit http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/HTMLEditor/HTMLEditor.aspx.
Its like: http://s3.imgimg.de/uploads/2889172fdJPG.jpg
But I want to have it like: http://s3.imgimg.de/uploads/3eda09893JPG.jpg
So the default buttons are much overpowered for my users.
Is there a way to reduce the ajax HTMLEditor to this few buttons?
Or is there another controle you can help me with?
You haven't said which one you're using. I would recommend using TinyMCE: http://tinymce.moxiecode.com/
It will be easy to achieve what you want with it.
The best way to achieve this is to take advice from Ed Pitt, I did it this way and I was able to create different versions with different tools. The basic premise is to copy the HTMLEditor.Samples.cs file from the AJAX Control Toolkit source into your app and modify it to only print out the toolbars you want:
http://dot-net-web-developer-bristol.blogspot.com/2009/11/using-ajax-htmleditor-top-toolbar.html
Hope this is what you are looking for