radio button break layout tab

[soewandi]

@Ahmed, FYI: Layout Tab in Detail View break.
Problem: When input field type = ‘radio button’ and user group permission set only to ‘View’, I’ve experienced Layout Tab breaks in Detail View.
I insert code for Layout Tab in hooks/tablename.php on function tablename_dv.
But if user group permission set to ‘Insert’, ‘Edit’, and ‘View’, Layout Tab appears as expected.
I hope you can investigate, is it a bug or not. Thanks.

My regards,
Soewandi

[jsetzer]

(screenshot would help understanding this issue)

[soewandi]

Thanks Mr Jan. My code to make layout tab:

Code: Select all

function databaru_dv($selectedID, $memberInfo, &$html, &$args) {
	/* if this is the print preview, don't modify the detail view */
		if(isset($_REQUEST['dvprint_x'])) return;
			ob_start(); ?>
			<div id="form-tabs">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#marital" data-toggle="tab">Data Marital</a></li>
					<li><a href="#kontak" data-toggle="tab">Data Kontak</a></li>
				</ul>
				<ul class="tab-content">
					<div class="tab-pane active form-horizontal" id="marital"></div>
					<div class="tab-pane form-horizontal" id="kontak"></div>
				</ul>
				</div>
				
		<style>
			#form-tabs .nav-tabs a{ display: block !important; }
		</style>
		
		<script>
			$j(function(){
			$j('#form-tabs').appendTo('#databaru_dv_form');
			/* fields to move to tab data marital */
			$j('#goldarah').parents('.form-group').appendTo('#marital');
			$j('#jenjang').parents('.form-group').appendTo('#marital');
			$j('#marital').parents('.form-group').appendTo('#marital');
			$j('#pasangan').parents('.form-group').appendTo('#marital');
			
			/* fields to move to data kontak tab */
			$j('#alamat').parents('.form-group').appendTo('#kontak');
			$j('#no').parents('.form-group').appendTo('#kontak');
			$j('#kota').parents('.form-group').appendTo('#kontak');
			$j('#kodepos').parents('.form-group').appendTo('#kontak');
			$j('#tlphp').parents('.form-group').appendTo('#kontak');
			$j('#tlprmh').parents('.form-group').appendTo('#kontak');
			$j('#tlpktr').parents('.form-group').appendTo('#kontak');
			$j('#email').parents('.form-group').appendTo('#kontak');
			
			})
		</script>
		<?php
			$tabs = ob_get_contents();
			ob_end_clean();
			$html .= $tabs;
	}

If I used option list type radio button. Fieldname: goldarah, jenjang, marital --> are not appear in marital tab
If I used option list type dropdown select, those fieldnames appear are appear in marital tab (as expected).

[pbottcher]

Hi,

I believe Radio input is created differently in AppGini. So the usual $j('#FIELDNAME').parents('.form-group') will not work.

You can try

Code: Select all

$j('[for="FIELDNAME"]').parents('.form-group')

instead.

[soewandi]

@pbottcher, thank you for your help. I've tried your suggestion but still not success to place the radio button field in the TAB. May be this image can help.


And the code as

Code: Select all

function databaru_dv($selectedID, $memberInfo, &$html, &$args) {
	/* if this is the print preview, don't modify the detail view */
		if(isset($_REQUEST['dvprint_x'])) return;
			ob_start(); ?>
			<div id="form-tabs">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#marital" data-toggle="tab">Data Marital</a></li>
					<li><a href="#kontak" data-toggle="tab">Data Kontak</a></li>
				</ul>
				<ul class="tab-content">
					<div class="tab-pane active form-horizontal" id="marital"></div>
					<div class="tab-pane form-horizontal" id="kontak"></div>
				</ul>
				</div>
				
		<style>
			#form-tabs .nav-tabs a{ display: block !important; }
		</style>
		
		<script>
			$j(function(){
			$j('#form-tabs').appendTo('#databaru_dv_form');
			/* fields to move to tab data marital */
			$j('[for="goldarah"]').parents('.form-group').appendTo('#marital');
			$j('[for="jenjang"]').parents('.form-group').appendTo('#marital');
			$j('[for="marital"]').parents('.form-group').appendTo('#marital');
			$j('#pasangan').parents('.form-group').appendTo('#marital');
			
			/* fields to move to data kontak tab */
			$j('#alamat').parents('.form-group').appendTo('#kontak');
			$j('#no').parents('.form-group').appendTo('#kontak');
			$j('#kota').parents('.form-group').appendTo('#kontak');			
			})
		</script>
		<?php
			$tabs = ob_get_contents();
			ob_end_clean();
			$html .= $tabs;
	}

My regards,
Soewandi

[pbottcher]

Hi Soewandi,

which version of Appgini are you using?

You can try

$j('label.contains("THELABELOFTHEFIELD")').parents('.form-group')

e.g.

Code: Select all

$j('label.contains("Gol Darah")').parents('.form-group')

[soewandi]

Hello pbottcher, I used AG Ver 24.17 (last version). With your new code:

Code: Select all

$j('label.contains("Gol Darah")').parents('.form-group')

still didn't get the right results.
Anyway I thank you for your effort to help me.

My regards,
Soewandi

[pbottcher]

Hi Soewandi,

there is a typo in my code.

Please use

Code: Select all

$j('label:contains("Gol Darah")').parents('.form-group')

instead.

[soewandi]

Hello pbottcher, your new code

Code: Select all

$j('label:contains("Marital")').parents('.form-group')

still didn't work.

Code: Select all

function databaru_dv($selectedID, $memberInfo, &$html, &$args) {
	/* if this is the print preview, don't modify the detail view */
		if(isset($_REQUEST['dvprint_x'])) return;
			ob_start(); ?>
			<div id="form-tabs">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#marital" data-toggle="tab">Data Marital</a></li>
					<li><a href="#kontak" data-toggle="tab">Data Kontak</a></li>
				</ul>
				<ul class="tab-content">
					<div class="tab-pane active form-horizontal" id="marital"></div>
					<div class="tab-pane form-horizontal" id="kontak"></div>
				</ul>
				</div>
				
		<style>
			#form-tabs .nav-tabs a{ display: block !important; }
		</style>
		
		<script>
			$j(function(){
			$j('#form-tabs').appendTo('#databaru_dv_form');
			/* fields to move to tab data marital */
			$j('label:contains("Marital")').parents('.form-group').appendTo('#marital');
			$j('#pasangan').parents('.form-group').appendTo('#marital');
			
			/* fields to move to data kontak tab */
			$j('#alamat').parents('.form-group').appendTo('#kontak');
			$j('#no').parents('.form-group').appendTo('#kontak');
			$j('#kota').parents('.form-group').appendTo('#kontak');			
			})
		</script>
		<?php
			$tabs = ob_get_contents();
			ob_end_clean();
			$html .= $tabs;
	}

To Mr. Jsetzer and Mr. Pbottcher, I apologize about my English. I'll refresh my problem: fieldname defines as 'options list' can not display in Layout Tab. I insert code for Layout Tab in hooks/tablename.php on function tablename_dv.
Is this a bug or not? Many thanks for all your help.

Best regards,
Soewandi

[pbottcher]

Hi Soewandi,

actuall it is not a bug, as you add your own code, you need to know how to add the code. Different elements are represented in different ways, therefor there is not one solution to cover all possibilites.

Back to you problem.
You may also try

Code: Select all

$j('.form-group.TABLENAME-FIELDNAME').appendTo('#marital');

or

Code: Select all

$j('[name="FIELDNAME"]').parents('.form-group').appendTo('#marital');

or

Code: Select all

$j('#FIELDNAME0').parents('.form-group').appendTo('#marital');

[soewandi]

Hi pbottcher,
Among your code suggestion, at last this code:

Code: Select all

$j('[name="FIELDNAME"]').parents('.form-group').appendTo('#marital');

Working as intended. That “fieldname” place in Marital Tab as expected. Many thanks for your patient and valuable time to guide me.
Best regards,
Soewandi