Сообщение Как изменить размер внутри <option> от 04.11.2019 22:33
Изменено 04.11.2019 22:34 venik2
Как изменить размер внутри <option>
Привет,
В следующем коде я не могу изменить размер внутри <option>.
size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
Спасибо.
Sciter. Version 4.4.0.1.
<html>
<head>
<title >Shapes</title>
<style>
form#frm_test{flow:vertical; size:*;} //background-color:blue;context-menu:none;
.panel_test { size:*;}
.panel_test option > caption { flow:horizontal;width:*;background-color:yellow; }
.panel_test option {width:*; }
.shapes_test_data {size:*;width:*;background-color:red;}
</style>
<script type="text/tiscript">
</script>
</head>
<body style="padding:5px;flow:vertical; width:*; height:*; " >
<form #frm_test >
<widget .panel_test type="tree" >
<option #shapes_planes name="shapes_planes" expanded >
<span bold >shapes_test</span>
<option>
<caption>
<input type="checkbox" name="test_checkuse" id="test_checkuse" />
<div><input .items_name name="test_name" value="test1"/></div>
<div><button name="test_color" id="test_color" ><img style="background-color:#FFFFFF"/></button></div>
<div><button name="surf_to_dtm" id="surf_to_dtm" titleid="tt_surf_to_dtm" ><img src="images/triangulation.png"/></button> </div>
</caption>
<option name="shapes_test_data" .shapes_test_data >
<div style="size:*;" >
<div .span_input_button id="div_test_point">
<span >shape_test_point</span>
<input name="shape_test_point" id="shape_test_point" disabled />
<button name="shape_test_point_pick" #shape_test_point_pick titleid="tt_shape_test_point_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_normal</span>
<input name="shape_test_normal" id="shape_test_normal" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_slope</span>
<input name="shape_test_slope" id="shape_test_slope" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
</div>
</option>
</div>
</option>
</option>
</widget>
</form>
</body>
</html>
[/code]
В следующем коде я не могу изменить размер внутри <option>.
size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
Спасибо.
Sciter. Version 4.4.0.1.
<html>
<head>
<title >Shapes</title>
<style>
form#frm_test{flow:vertical; size:*;} //background-color:blue;context-menu:none;
.panel_test { size:*;}
.panel_test option > caption { flow:horizontal;width:*;background-color:yellow; }
.panel_test option {width:*; }
.shapes_test_data {size:*;width:*;background-color:red;}
</style>
<script type="text/tiscript">
</script>
</head>
<body style="padding:5px;flow:vertical; width:*; height:*; " >
<form #frm_test >
<widget .panel_test type="tree" >
<option #shapes_planes name="shapes_planes" expanded >
<span bold >shapes_test</span>
<option>
<caption>
<input type="checkbox" name="test_checkuse" id="test_checkuse" />
<div><input .items_name name="test_name" value="test1"/></div>
<div><button name="test_color" id="test_color" ><img style="background-color:#FFFFFF"/></button></div>
<div><button name="surf_to_dtm" id="surf_to_dtm" titleid="tt_surf_to_dtm" ><img src="images/triangulation.png"/></button> </div>
</caption>
<option name="shapes_test_data" .shapes_test_data >
<div style="size:*;" >
<div .span_input_button id="div_test_point">
<span >shape_test_point</span>
<input name="shape_test_point" id="shape_test_point" disabled />
<button name="shape_test_point_pick" #shape_test_point_pick titleid="tt_shape_test_point_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_normal</span>
<input name="shape_test_normal" id="shape_test_normal" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_slope</span>
<input name="shape_test_slope" id="shape_test_slope" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
</div>
</option>
</div>
</option>
</option>
</widget>
</form>
</body>
</html>
[/code]
Как изменить размер внутри <option>
Привет,
В следующем коде я не могу изменить размер внутри <option>.
size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
Спасибо.
Sciter. Version 4.4.0.1.
В следующем коде я не могу изменить размер внутри <option>.
size:*, width:* ничего не меняет. Хотелось бы чтоб <div>(который выделен красным) был такого же размера как желтый <option> .
Спасибо.
Sciter. Version 4.4.0.1.
<html>
<head>
<title >Shapes</title>
<style>
form#frm_test{flow:vertical; size:*;} //background-color:blue;context-menu:none;
.panel_test { size:*;}
.panel_test option > caption { flow:horizontal;width:*;background-color:yellow; }
.panel_test option {width:*; }
.shapes_test_data {size:*;width:*;background-color:red;}
</style>
<script type="text/tiscript">
</script>
</head>
<body style="padding:5px;flow:vertical; width:*; height:*; " >
<form #frm_test >
<widget .panel_test type="tree" >
<option #shapes_planes name="shapes_planes" expanded >
<span bold >shapes_test</span>
<option>
<caption>
<input type="checkbox" name="test_checkuse" id="test_checkuse" />
<div><input .items_name name="test_name" value="test1"/></div>
<div><button name="test_color" id="test_color" ><img style="background-color:#FFFFFF"/></button></div>
<div><button name="surf_to_dtm" id="surf_to_dtm" titleid="tt_surf_to_dtm" ><img src="images/triangulation.png"/></button> </div>
</caption>
<option name="shapes_test_data" .shapes_test_data >
<div style="size:*;" >
<div .span_input_button id="div_test_point">
<span >shape_test_point</span>
<input name="shape_test_point" id="shape_test_point" disabled />
<button name="shape_test_point_pick" #shape_test_point_pick titleid="tt_shape_test_point_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_normal</span>
<input name="shape_test_normal" id="shape_test_normal" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
<div .span_input_button id="div_test_normal">
<span >shape_test_slope</span>
<input name="shape_test_slope" id="shape_test_slope" disabled />
<button name="shape_test_normal_pick" #shape_test_normal_pick titleid="tt_shape_test_normal_pick" >...</button>
</div>
</div>
</option>
</div>
</option>
</option>
</widget>
</form>
</body>
</html>