OK, thanks for that :-)
Violet_82 89 Posting Whiz in Training
Hello all, I wonder if you can help me with this. I wanted to create a page which, among the other things, has a div with a lot of text inside. Below this div there will be 2 buttons. When viewed on a mobile, the height of this div become fixed to fit the screen and the content inside becomes scrollable so that the two buttons below the div are always visible. That's all done with media queries and it works absolutely fine except for the fact that users will never know that the content in the div is scrollable because - I have just realized - mobile devices won't show scrollbars by default and in fact not even during the scrolling. I have done a bit of googling and nobody seems to suggest any pure CSS/HTML solution, maybe because there isn't. Is anybody aware of any CSS/HTML fix? If not what would be a good reliable and fairly easy to integrate plug-in that will achieve that?
Here is a screenshot from android, as you can see no scrollbars
Code-wise, it is a simple html page
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="contentWrapper">
<div class="contentConstrained">
<div class="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec magna dui. Proin eget lacinia augue. Quisque vel sagittis tortor. Duis fringilla magna sit amet ullamcorper posuere. Suspendisse suscipit interdum nibh. Nullam pulvinar porta nulla, …
Violet_82 89 Posting Whiz in Training
Hi guys, I tought I'd experiment a bit with layout managers, trying to get to grips with them. I will start with a flowLayout, then hopefully move on to more complex ones.
OK, so here is the code for the first example, very simple one:
/*FlowLayoutManager.java
layout manager tests*/
import java.awt.FlowLayout;
import javax.swing.JFrame;
import javax.swing.JTextField;
import javax.swing.JCheckBox;
public class FlowLayoutManager extends JFrame{
private JTextField textField1;
private JTextField textField2;
private JCheckBox checkBox1;
private JCheckBox checkBox2;
private FlowLayout layout;
public FlowLayoutManager(){
super( "Flow Layout" );
//creating and setting layout for controllers
layout = new FlowLayout();
setLayout( layout );
//creating controllers
textField1 = new JTextField( "", 10 );
textField2 = new JTextField( "", 10 );
checkBox1 = new JCheckBox( "checkbox 1" );
checkBox2 = new JCheckBox( "checkbox 2" );
//attaching controllers to JFrame window
add( textField1 );
add( textField2 );
add( checkBox1 );
add( checkBox2 );
}//end of constructor
}//end of class
and test class
/*testing FlowLayoutManager.java
FlowLayoutManagerTest.java
*/
import javax.swing.JFrame;
public class FlowLayoutManagerTest{
public static void main( String args[] ){
FlowLayoutManager FlowLayoutManagerTest = new FlowLayoutManager();
FlowLayoutManagerTest.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
//FlowLayoutManagerTest.setSize( 400, 200 );
FlowLayoutManagerTest.setVisible( true );
FlowLayoutManagerTest.pack();
}//end of main
}//end of class
This produces this layout:
Now, it's OK but the height of the window is not reakky what I want. How do I increase that to a more user friendly size?
Also, you will notice in the FlowLayoutManagerTest.java that I have commented out //FlowLayoutManagerTest.setSize( 400, 200 );
Although …
Violet_82 89 Posting Whiz in Training
Hello,
me again :-). This time I need to build a small calculator-like GUI, like this:
This time I thought I'd ask a few questions before I start building it!
1)In terms of layout, I was thinking to use the GridLayout again: one for the text field and one for the buttons. Now, do I need a to include a FlowLayout as well or can I leave it out?
2)the buttons: it seems to me to be a bit tedious to add 16 different JButton variables, each of them for a different button as required. So, would it be doable to have an array of buttons and insert them in the panel with a loop perhaps? The only thing is, how would I assign the correct labels to the button if I add them in a loop?!
thanks
Violet_82 89 Posting Whiz in Training
Hello, I think I am getting somewhere, although it's not perfect as yet.
This is what I have now:
As you can see there are some problems in there: there is too little distance between the textfields (where the 8's are) and the buttons and too much between the labels (x and y) and the text fields. I have played around with the parameters in the gridLayout constructor but I don't seem to be able to get the right conbination (if that's the problem) to get the same layout as in the brief.
I have added (I believe) the gridLayout manager for the panels, I am not sure if I have implemented it correctly though. Here's what I have done.
1)declared 3 new gridLayout objects:
//3 grid layouts for 3 different types of controllers
private GridLayout checkboxGrid;
private GridLayout textfieldsGrid;
private GridLayout buttonsGrid;
2)Then in the constructor I set up the 3 grids:
//set up layout manager for checkbox panels
checkboxGrid = new GridLayout( 0, 1 );//1 col and as many rows as needed
checkBoxesPanel.setLayout( checkboxGrid );//set the layout of the jpanel?
//set up layout manager for textfields panels
textfieldsGrid = new GridLayout( 0, 2, 0, 5 );//2 col and as many rows as needed
textFieldsPanel.setLayout( textfieldsGrid );//set the layout for the jpanel?
//set up layout manager for textfields panels
buttonsGrid = new GridLayout( 0, 1, 5, 10 );//1 col and as many rows as needed
buttonsPanel.setLayout( buttonsGrid );//set … Violet_82 89 Posting Whiz in Training
Hello guys,
I hope you can help me with this.
I have read a bit about GUI and now I am trying to do a few exercises to consolidate what I have read.
In the first exercise I have to reproduce a simple GUI. Well I thought it was simple…
Anyway, I have attached a screenshot (exercise.png)
that shows what I have to do.
The result of my code is instead shown in the second screenshot (result.png)
As you can see I didn’t quite manage to group the elements together and place them in the correct order.
Now, let me say that this GUI business isn’t incredibly clear to me and this was my first attempt. I have used a FlowLayout layout manager probably because it is the simplest one and I thought I could achieve that format with it. With hindsight though, maybe that’s not the best option. From the little I know, FlowLayout arranges the elements one after the other till the space runs out, whereas I want them to be arranged in 3 separate groups I reckon and inside the group, one above the other one as in the exercise screenshot
Does anybody have any suggestion? I am not looking for code, I’d like to give it another go first and try to understand the whole thing before admitting defeat.
Which layout manager should I use?
…