radiogroup

[Fenloh]

Hi all,

I came across the "radiogroup", which i found in the JPG Ruleset. Unfortunatly this Radio Botton Control works hoizontal. I changed it, because i need it vertical.

Now it looks fine, but the Area to click did not move. Whil it looks vertikal i can and have to click horizontal to change the buttons.

Any Idea what i have to change to make it work?

--
-- Please see the readme.txt file included with this distribution for
-- attribution and copyright information.
--

local option_width = 0;
local option_height = 0;
local readonlyflag = false;

local labels = {};
local values = {};

local datanode = nil;

local labelwidgets = {};
local boxwidgets = {};

local radio_index = 0;

local default_index = 1;

function onInit()
-- Get any custom fields
local font = "sheetlabel";
local labeltext = "";
local valuetext = "";
local defaultval = "";
local srcnodename = "";
if sourcefields then
if sourcefields[1].font then
font = sourcefields[1].font[1];
end
if sourcefields[1].optionwidth then
option_width = tonumber(sourcefields[1].optionwidth[1]);
end
if sourcefields[1].optionheight then
option_height = tonumber(sourcefields[1].optionheight[1]);
end

if sourcefields[1].labels then
labeltext = sourcefields[1].labels[1];
end
if sourcefields[1].values then
valuetext = sourcefields[1].values[1];
end
if sourcefields[1].defaultindex then
defaultval = sourcefields[1].defaultindex[1];
end

if sourcefields[1].srcnode then
srcnodename = sourcefields[1].srcnode[1];
end
end

-- Parse the labels to determine the options we should show
for v in string.gmatch(labeltext, "[^|]+") do
labels[#labels+1] = v;
end

-- Parse the labels to determine the options we should show
for v in string.gmatch(valuetext, "[^|]+") do
values[#values+1] = v;
end

-- Create a set of widgets for each option
for k,v in ipairs(labels) do
-- Create a label widget
labelwidgets[k] = addTextWidget(font, v);
local w,h = labelwidgets[k].getSize();
labelwidgets[k].setPosition("topleft", option_width,((k-1)*option_height));

-- Create the checkbox widget
boxwidgets[k] = addBitmapWidget(stateicons[1].off[1]);
boxwidgets[k].setPosition("topleft", option_width-30,((k-1)*option_height));
end

-- Set the width of the control
setAnchoredWidth(#labels*option_width);

-- Set the height of the control
setAnchoredHeight(#labels*option_height);


-- Determine the default index value
default_index = tonumber(defaultval) or 1;
radio_index = default_index;

-- See if the control is readonly
if readonly then
readonlyflag = true;
end
if gmonly and not User.isHost() then
readonlyflag = true;
end

-- Get the data node set up and synched
if srcnodename ~= "" then
-- Set up
local node = window.getDatabaseNode();

-- Determine readonly state
if NodeManager.isReadOnly(node) then
readonlyflag = true;
end

-- Catch any future node updates
datanode = NodeManager.createSafeChild(node, srcnodename, "string");
if datanode then
datanode.onUpdate = onSourceUpdate;
end

-- Synchronize to the current source value
synch_index(getSourceValue());
end

-- Set the right display
updateDisplay();
end

function synch_index(srcval)
local match = 0;
for k, v in pairs(values) do
if v == srcval then
match = k;
end
end

if match > 0 then
radio_index = match;
else
radio_index = default_index;
end
end

function updateDisplay()
for k,v in ipairs(boxwidgets) do
if radio_index == k then
v.setBitmap(stateicons[1].on[1]);
else
v.setBitmap(stateicons[1].off[1]);
end
end
end

function update(val)
synch_index(val);

updateDisplay();

if self.onValueChanged then
self.onValueChanged();
end
end

function onSourceUpdate()
update(datanode.getValue());
end

function setSourceValue(srcval)
if datanode then
datanode.setValue(srcval);
else
update(srcval);
end
end

function getSourceValue()
local srcval = "";

if datanode then
srcval = datanode.getValue();
else
srcval = values[radio_index];
end

return srcval;
end

function onClickDown(button, x, y)
return true;
end

function onClickRelease(button, x, y)
-- If we're in read-only mode, then don't change
if readonlyflag then
return true;
end

-- Determine which area we are clicking in
local k = math.floor(x / option_height) + 1;

-- If this option is not enabled, then set the option
if radio_index ~= k then
setIndex(k);
end

return true;
end

function getIndex()
return radio_index;
end

function setIndex(index)
if index > 0 and index <= #values then
setSourceValue(values[index]);
else
setSourceValue(values[default_index]);
end
end

function setReadOnly(state)
readonlyflag = state;
end

[Moon Wizard]

The determination of what option is selected by the user is performed in the onClickRelease function call.

Your code still uses the original code, which only looks at the x coordinate. You will need to change it to use the y coordinate instead.

Cheers,
JPG

[Fenloh]

Thanks for the help moon_wizard!

Fenloh